Keiki Learning games for Kids

Colors

• #4b36c4primary-purple · screen background
• #edeafcbubble-white · speech bubble fill · back arrow fill
• #271c66text-dark-purple · speech bubble text
• #42d93eaccent-green · progress fill · stat number text · continue button fill
• #fffffftext-white · stat description text · continue button label

Type

• bubble-dialogueNunito · 34px · 800 · #271c66
• stat-highlightNunito · 86px · 900 · #42d93e
• stat-subheadingNunito · 40px · 800 · #ffffff
• cta-buttonNunito · 36px · 800 · #ffffff

Elements

• Cloud-shaped Photo Frame · image_container

  Center of screen, approximately 880px wide and 720px tall, multi-lobed bubble silhouette · Masked organic cloud shape containing photograph of a toddler with a tablet, overlaid with a cartoon orange kitten on the right edge

• Social Proof Stat Group · text_group

  Horizontally centered beneath image, ~220px vertical height · Massive bright green bold text followed by centered white multiline description

• Continue Button · button

  Bottom pinned container (~960px wide, ~132px high), horizontally centered · Bright solid green pill button with crisp white centered text

Layout

Social proof onboarding card: upper dialogue bubble, center masked real-life photo with mascot overlay, large metric callout, and bottom full-width CTA.

Notes

Green color #42d93e serves as the primary actionable accent across the interface.