Keiki Learning games for Kids

Colors

• #4C32BFprimary-background · screen background
• #5A40CEchart-lines · horizontal bar chart gridlines
• #8B7AD4chart-text · axis labels and axis titles
• #FFFFFFtext-primary · headline text · highlighted stats text
• #B7A8EAtext-secondary · study footnote text
• #4BC347cta-active-green · active continue button background

Type

• headlineNunito · 60px · 800 · #FFFFFF
• chart-axisNunito · 30px · 600 · #8B7AD4
• chart-footer-labelNunito · 34px · 700 · #FFFFFF
• value-propositionNunito · 44px · 700 · #FFFFFF
• disclaimerNunito · 30px · 500 · #B7A8EA
• button-labelNunito · 44px · 800 · #FFFFFF

Elements

• graph-container · container

  Centered in upper middle region, width ~90%, height ~420px · Clean Cartesian-style chart with muted horizontal grid bars at 0, 10, 20, 30, 40 minute intervals

• social-proof-banner · card

  Lower midsection, center aligned multiline text block · Unbordered text block with bolding highlights ('82% of parents', 'up to 40 min', 'learn with Keiki*')

• continue-button · button

  Bottom anchored, height 140px, full width minus horizontal padding · Vibrant emerald green solid pill shape with centered bold white text

Layout

Informational paywall/interstitial screen delivering research-backed social proof with a line chart visual and primary enabled CTA.

Notes

Chart lines are empty horizontal steps prior to user data animation or baseline visualization.