Keiki Learning games for Kids

Colors

• #5E3EDCprimary-purple · background
• #49C54Bvibrant-green · primary-cta-button
• #0ED1C0accent-cyan · seesaw-base · tablet-illustration
• #EE0979dragonfruit-pink · mascot-body
• #FFFFFFtext-primary · title-text · cta-label · secondary-action-label
• #AFA3E3text-muted-lavender · column-subheading · disclaimer-body

Type

• hero-headingNunito · 66px · 800 · #FFFFFF
• column-labelNunito · 38px · 700 · #DED7FA
• cta-labelNunito · 44px · 800 · #FFFFFF
• secondary-action-labelNunito · 42px · 700 · #FFFFFF
• disclaimer-textNunito · 28px · 600 · #9A89D5

Elements

• app-logo · graphic

  Top-center below the safe area, height ~110px. · Lavender bubble 'KEIKI' logo with small red rounded badge 'world' centered below.

• seesaw-illustration · graphic

  Centered mid-screen, featuring a mascot balancing toys on the left and learning blocks on the right. · Brightly colored vector illustration with teal fulcrum, green bar, pink dragonfruit character, teddy bear, ball, and blocks.

• get-started-button · button

  Full-width with ~64px horizontal side margins, height ~134px, placed near the bottom. · Vibrant grass-green solid rounded pill button with centered bold white text.

• account-link-button · button

  Centered text button ~40px below the primary CTA. · Transparent background with bold white rounded text.

• terms-disclaimer · label

  Centered at the bottom of the content area, ~48px above screen edge, multi-line. · Muted lavender text with underlined interactive link segments.

Layout

Vertically stacked welcome landing page: top brand header, headline, centered hero seesaw graphic, comparison labels, and bottom-anchored actions with legal text.

Notes

Font exhibits rounded terminals typical of Nunito or Fredoka; Nunito chosen with medium confidence.