Keiki Learning games for Kids

Colors

• #4C3EC8primary-purple · screen background
• #4ECE42vibrant-green · selected card border · discount pill tag · primary cta background
• #4534B8selected-card-fill · selected tier card background
• #5041C5unselected-card-fill · inactive tier cards background
• #FFFFFFpure-white · screen headline · feature titles · tier duration titles · cta text
• #BCB5E8muted-lavender · feature descriptions · pricing per week text · legal links
• #FFE86Bbadge-yellow · save 50% badge background · cta button sparkle stars

Type

• screen-titleNunito · 64px · 800 · #FFFFFF
• feature-titleNunito · 40px · 700 · #FFFFFF
• feature-bodyNunito · 34px · 500 · #BCB5E8
• tier-badge-textNunito · 28px · 800 · #271E74
• tier-titleNunito · 38px · 700 · #FFFFFF
• tier-priceNunito · 46px · 800 · #FFFFFF
• tier-periodNunito · 32px · 500 · #BCB5E8
• cta-button-textNunito · 44px · 800 · #FFFFFF
• discount-subtextNunito · 34px · 600 · #BCB5E8
• legal-linksNunito · 34px · 600 · #BCB5E8

Elements

• Back Button · button

  Top-left header area, height and width approx 60px. · Semi-transparent purple back chevron arrow.

• Feature List · list

  Vertical stack of 3 benefit rows in upper mid-section with ~48px spacing. · Icons on left (blocks, worksheet with pencil, diploma with ribbon) beside bold titles and descriptive lavender text.

• Subscription Tier Cards · card_group

  Three horizontal cards placed side-by-side with ~20px gutter across the screen width. · Left (Free Trial) and Right (6 Months) have flat purple fills. Center (1 Week) is selected with bright green border (#4ECE42) and top badge 'SAVE 50% 🔥'.

• Security Badge · badge

  Centered horizontally below plan cards, height ~36px. · White shield icon with checkmark beside 'Cancel anytime. Secured with App Store.' text.

• Get 50% OFF Button · button

  Full width within screen margins, height ~130px. · Bright green pill button with centered bold white text and gold sparkle stars on the right.

• Legal Footer Links · navigation_bar

  Horizontal row distributed across bottom: 'Terms', 'Privacy', 'Restore'. · Muted lavender text links with even horizontal spacing.

Layout

Comprehensive paywall layout with top navigation, feature value list, 3-card pricing selector with center emphasis, security badge, prominent discount CTA, and footer legal links.

Notes

Strikethrough discount representation rendered on original price ($15.99).