Heyyyy: Stories that text back

Colors

• #FAF9FCScreen Canvas · Page background
• #25215AHeadline Navy · Question header text
• #4D46E8Active Chip Violet · Selected segment chip background
• #FFFFFFInactive Chip White · Unselected segment chip background
• #1E1B3EInactive Chip Text · Unselected segment chip label text
• #A20CE5Button Gradient Left · Primary Next CTA gradient start
• #4A45E7Button Gradient Right · Primary Next CTA gradient end

Type

• Screen Header-apple-system · 34px · 800 · #25215A
• Filter Segment Label-apple-system · 24px · 600
• Primary Action CTA-apple-system · 26px · 700 · #FFFFFF

Elements

• Preference Prompt Header · heading

  Centered at the top, roughly 50px below status bar. · Bold deep indigo sans-serif text 'You are interested in:'.

• Profile Imagery Card · card

  Dominant central rounded rectangle occupying roughly 65% of screen height with ~28px horizontal page padding. · Photographic portrait of a male subject in a dimly lit bar, clipped with smooth large rounded corners.

• Gender Preference Segmented Pills · segmented_control

  Horizontal floating row aligned near bottom edge of the photo card, ~32px above image card boundary; 3 items spaced evenly. · Three pill buttons: 'Men' (selected, solid purple with white text), 'Women' (unselected, white fill with dark text), 'Both' (unselected, white fill with dark text).

• Next Button · button

  Full width matching photo card margins, height ~86px, positioned between image card bottom and device home indicator zone. · Pill shape with vibrant violet-to-blue linear gradient and centered bold white text 'Next'.

Layout

Structured single-task onboarding questionnaire. Question headline at top, high-impact central photo card with in-card selection controls, anchored primary action CTA at screen bottom.

Notes

Selected segmented button reflects 'Men', matching the displayed photo.