Heyyyy: Stories that text back

Colors

• #FAF9FCScreen Background · Page background
• #25215AHeader Navy · Headline text · Back navigation arrow
• #F0EFF5Input Field Background · Name text input box fill
• #DED9F2Input Field Border · Name text input border
• #1E1B3EInput Field Text · Entered value text
• #A20CE5CTA Gradient Start · Primary Continue button gradient left
• #4A45E7CTA Gradient End · Primary Continue button gradient right
• #FFFFFFCTA Label White · Button typography

Type

• Question Header-apple-system · 36px · 800 · #25215A
• Input Text-apple-system · 28px · 400 · #1E1B3E
• Primary Action CTA-apple-system · 26px · 700 · #FFFFFF

Elements

• Back Navigation Button · button

  Positioned top left ~50px below status bar, inline with question headline. · Left chevron arrow icon in dark indigo.

• Prompt Title · heading

  Centered horizontally at top, ~50px below status bar. · Bold text reading 'What's your name?'.

• Name Input Field · text_field

  Spans nearly full screen width with 32px margins, height ~80px, placed ~60px below header. · Light grey-lilac rounded rectangle fill with faint purple-tinted border, containing left-padded text 'Andrew'.

• Continue CTA Button · button

  Full width with 32px horizontal margins, height ~88px, anchored at bottom above home bar indicator. · Pill shape with horizontal magenta-to-indigo gradient and bold centered white label 'Continue'.

Layout

Minimalist single-field profile creation screen. Top headline with back navigation, prominent center-top text input box, and sticky primary button anchored in the bottom thumb zone.

Notes

Text field is pre-filled or completed with user name 'Andrew'.