Lingokids: Games & Shows

Colors

• #4C5BFAprimary-blue · top-background · primary-button-fill
• #FFFFFFsurface-white · modal-background · primary-button-label · secondary-button-fill
• #121C42navy-text-dark · headline-text · input-border · secondary-button-border · secondary-button-label
• #506084slate-subtext · subtitle-text · divider-label
• #EEF1F9input-fill-light · input-field-background
• #9DA7C0input-placeholder · input-placeholder-text
• #DCE2EEdivider-line · divider-stroke
• #3845B2close-button-bg · close-icon-button-background
• #ED2C8Cillustration-pink · illustration-accent

Type

• header-domainNunito · 36px · 700 · #FFFFFF
• headline-titleNunito · 62px · 800 · #121C42
• subtitle-bodyNunito · 36px · 600 · #506084
• input-placeholderNunito · 38px · 600 · #9DA7C0
• button-primary-labelNunito · 38px · 700 · #FFFFFF
• divider-labelNunito · 28px · 700 · #506084
• button-secondary-labelNunito · 36px · 700 · #121C42

Elements

• close_button · icon_button

  Positioned at top right (x=870, y=160), circular button, 88px diameter. · Semi-translucent dark blue fill (#3845B2), centered white X cross icon.

• brand_header · badge

  Centered at top edge (y=64), horizontal inline arrangement of a small circular cat face icon and domain text. · White text and icon on rich blue backdrop.

• illustration_header · illustration

  Centered in the upper third above the sheet, displaying a pink refrigerator, magnets, an A+ paper, and a cartoon pony/pig character. · Flat 2D vector style with vibrant pinks, greens, teals, and pastel yellows.

• content_sheet_container · bottom_sheet_surface

  Spans the full screen width from y=550 downward to the bottom edge. · Solid white fill with an asymmetrical wave-shaped curved top boundary.

• email_input · text_input

  Centered horizontally with side padding of 90px (width 900px, height 130px), located below the subtitle. · Soft lilac-tinted light gray fill (#EEF1F9) bordered by a prominent 4px solid dark navy stroke (#121C42), with inset text placeholder.

• sign_in_button · button

  Full-width within margins (width 900px, height 130px), stacked 32px below email input. · Solid vibrant blue fill (#4C5BFA) with centered bold white text, pill shape.

• or_divider · divider

  Spans 900px width centered horizontally, containing two thin horizontal line rules flanking the 'OR' text. · Single-pixel light grayish-blue lines (#DCE2EE) with uppercase slate caption.

• apple_auth_button · button

  Full-width within margins (width 900px, height 130px), stacked directly below the divider. · Solid white fill with a 4px dark navy outline (#121C42), centered solid black Apple logo and bold text.

• google_auth_button · button

  Full-width within margins (width 900px, height 130px), stacked below Apple button. · Solid white fill with a 4px dark navy outline (#121C42), multicolor Google 'G' icon and bold text.

Layout

Vertical two-section modal: top ~25% blue header area hosting domain info, close action, and mascot artwork; bottom ~75% white card surface containing two-line left-aligned headline, subheadline, single text input field, primary action button, labeled horizontal divider, and two third-party OAuth sign-in options.

Notes

Font family resembles rounded humanist/geometric typefaces such as Nunito, Quicksand, or Fredoka. Nunito is estimated due to character proportions and terminal roundness. The top boundary of the white content area has a distinctive organic/curved profile rather than a standard symmetrical corner radius.