C46 Childrens animal motif

The Children’s Animal Motif is a whimsical illustration component placed above the footer, featuring playful animals with fun, hospital-themed messages to enhance the children’s branding.

Component requirements

Component should be placed right above the footer when added to a page.
It displays all illustrated animals on page load, with one showing a whimsical, hospital-themed message.
Refreshing the page shows a different animal saying something fun.
On mobile, animals appear in a row without any messages.

ADA requirements

Images are decorative and should include descriptive alt text for accessibility.

Component examples

Due to the component being specific to the children’s hospital, the example below is shown as a static visual representing its use.

children illustration of animals focused on piggy — Example showing the desktop rendering of the component.

children illustration of animals focused on beaver — Example showing the desktop rendering of the component.

children illustration of animals focused on lion — Example showing the desktop rendering of the component.

children illustration of animals focused on frog — Example showing the desktop rendering of the component.

children illustration of animals focused on zebra — Example showing the desktop rendering of the component.

children illustration showing animals — Example showing the **mobile** rendering of the component.