Lingokids: Games & Shows

Colors

• #4B5DF6Primary Blue · Screen background fill · Play now button fill
• #FFFFFFWhite · Title text · Personalize button fill
• #EAEBFACard Surface Lilac · Top option card surface
• #80DB45Meadow Green · Bottom illustration landscape background
• #F8E090Path Tan · Illustration winding road fill
• #753C2DWood Brown · Signpost illustration fill

Type

• Screen TitleNunito · 72px · 800 · #FFFFFF
• Card TitleNunito · 44px · 800 · #191C4D
• Card Action LabelNunito · 40px · 800 · #4B5DF6
• Primary Card Action LabelNunito · 42px · 800 · #FFFFFF

Elements

• Back Button · Icon Button

  Top left margin, circular button 100x100px · Translucent dark circular container with white back arrow chevron

• Top Option Card · Selection Card

  Full width card with margins, rounded corners, height approx 240px · Pale lilac-white card containing card title, small pill button, and signpost graphic

• Personalize Pill Button · Button

  Inside top card, aligned left below title · White rounded pill container with drop shadow and blue text

• Bottom Option Card · Selection Card

  Large vertical card in center-bottom with scenic artwork and action button, height approx 820px · Vibrant illustrated nature scene card with rounded corners, inset bottom CTA button

• Play Now Button · Button

  Pinned inside bottom card near lower edge · Solid royal blue rounded pill button with white text

Layout

Top-to-bottom vertical progression on a bold solid blue canvas: circular navigation back button, bold screen heading, compact top card, and expansive visual play-now card.

Notes

Cards provide a split onboarding choice between guided personalization and immediate free play.