Lingokids: Games & Shows

Colors

• #FFFFFFBackground White · Screen background fill
• #191C4DNavy Heading · Screen headline text · Option label text
• #5A6284Muted Slate · Subtitle description text
• #F7F8FEOption Card Tint · Focus subject card fill
• #5164F6Checkbox Outline · Unchecked checkbox ring outline
• #4B5DF6CTA Blue · Next button fill

Type

• Screen TitleNunito · 72px · 800 · #191C4D
• Subtitle InstructionNunito · 42px · 600 · #5A6284
• Subject Option LabelNunito · 42px · 800 · #191C4D
• Primary Action LabelNunito · 46px · 800 · #FFFFFF

Elements

• Title Section · Header Group

  Top aligned with generous padding, text left-aligned · Large dark navy headline followed by descriptive slate helper text

• Subject Option Tile · Multi-select Checkbox Row

  Vertical stack of 8 rows spanning English to Music, margins approx 80px · Rounded rectangular card with light blue-grey fill, bold category name on left, rounded square checkbox ring on right

• Checkbox Box · Selection Control

  Right-aligned inside each option row, 70x70px · Rounded square with 4px border in bright blue and clear center

• Bottom Action Bar · Footer Container

  Fixed to bottom viewport edge with top divider line · White surface holding full-width Next CTA button

• Next Button · Button

  Centered within bottom action bar, width approx 900px, height 140px · Solid vivid blue pill button with white centered text

Layout

Clean single-column form layout: header area, vertically scrolling multi-select checklist cards, and a sticky bottom footer bar containing the primary Next action button.

Notes

Eight selectable subjects visible: English, Math, Literacy, Life skills, Technology, Art, Science, Music.