Lingokids: Games & Shows

Colors

• #4B5DF6Primary Blue · Top curved backdrop fill
• #FFFFFFSurface White · Main sheet background · Age option button surface
• #191C4DNavy Header · Screen title text · Age numeral outline and word text
• #5A6284Muted Slate · Subtitle description text
• #E1E4F0Option Border Grey · Age option tile stroke

Type

• Screen TitleNunito · 72px · 800 · #191C4D
• Subtitle InstructionNunito · 42px · 600 · #5A6284
• Age Number DigitNunito · 64px · 900 · #191C4D
• Age Word LabelNunito · 42px · 800 · #191C4D

Elements

• Curved Header Banner · Decorative Header

  Top 25% of viewport with organic convex curved bottom transition · Royal blue background with party bunting, birthday cake, and balloons illustration

• Back Button · Icon Button

  Top left over blue banner · Circular translucent button with white left chevron

• Content Bottom Sheet · Sheet Container

  Spans from bottom edge up to overlap the header with an asymmetric curved top boundary · Solid white sheet containing question and selection list

• Age Selection Tile · List Item / Selector

  Repeated vertical stack of 8 items, each approx 140px high with 24px vertical gaps · Soft off-white rounded rectangular container with subtle stroke and shadow, left-aligned bold digit outline and spelled-out word

Layout

Two-stage vertical composition: decorative upper header with celebratory birthday illustration, transitioning into a large white card housing title copy and a scrollable list of age options 1 through 8.

Notes

The number digits use an outlined rounded display style matching the friendly tone of the app.