Speak English with Loora AI

Colors

• #F4F7FABackground Off-White · Main screen background
• #0D1117Primary Text · Heading text · Card text
• #2653F5Brand Blue · Selected card fill · Continue button fill
• #FFFFFFWhite · Unselected card background · Selected text
• #000000Card Shadow · Subtle soft elevation on cards

Type

• TitleSF Pro Display · 68px · bold · #0D1117
• Option Card LabelSF Pro Text · 38px · 600 · #FFFFFF
• Button LabelSF Pro Text · 38px · 600 · #FFFFFF

Elements

• Avatar Header Image · image

  Spans full width across top ~35% of the screen height, cropped photorealistic portrait. · Photorealistic female face centered with neutral soft background.

• American English Selection Card · button

  Full width with horizontal padding, height ~130px, contains flag icon and text aligned left. · Solid electric blue fill with white bold text and US flag emoji/asset; active state.

• British English Selection Card · button

  Stacked directly beneath the first option card with ~24px vertical gap, height ~130px. · Solid white fill with dark text, subtle drop shadow; inactive state.

• Continue CTA Button · button

  Positioned at bottom with horizontal margins, height ~120px. · Solid electric blue pill container with white centered text.

Layout

Vertical progression: Hero tutor image at top, overlaid by a question prompt and selectable choice cards, ending with a fixed bottom CTA.

Notes

The top image is cropped at the chest line, acting as an interactive tutor anchor.