YayTalk: Learn & Speak English

Colors

• #FFFFFFPure White · Screen background · Card button backgrounds
• #121417Jet Black · Page title · Button text labels
• #E2E5EBSubtle Gray Border · Outlined card button stroke
• #505763Muted Charcoal · Subtitle body text

Type

• TitleNunito · 80px · 800 · #121417
• Subtitle BodySF Pro Text · 42px · 400 · #505763
• Option Button TextSF Pro Text · 46px · 600 · #121417

Elements

• Header Block · text group

  Top third (y ≈ 360px to 680px), centered text alignment with 80px side margins · Two-line heavy sans question followed by light gray descriptive paragraph

• Yes, log in Button · outline card button

  Full width with 78px lateral padding, height ≈ 190px, top y ≈ 770px · White background, thin light gray border stroke, left-aligned dark text with inner padding

• No, continue as guest Button · outline card button

  Full width with 78px lateral padding, height ≈ 190px, top y ≈ 1000px, 40px spacing below first button · White background, identical thin light gray stroke, left-aligned dark text

Layout

Minimalist form/choice screen with centered header at the upper third, followed by two stacked rounded-corner selector buttons.

Notes

Subtle stroke around the cards is roughly 2px source image stroke thickness.