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.