Heyyyy: Stories that text back

Colors

• #FAF9FEbackground · screen_background
• #DCE2F9card_stroke · option_card_border · radio_ring
• #FFFFFFcard_fill · option_card_background
• #1A1B4Btext_primary · header_text · option_label
• #CCCCCCbutton_disabled_fill · disabled_cta_background
• #FFFFFFbutton_disabled_text · disabled_cta_text

Type

• header_titleSF Pro Display · 54px · 700 · #1A1B4B
• option_labelSF Pro Text · 44px · 500 · #1A1B4B
• button_labelSF Pro Text · 42px · 600 · #FFFFFF

Elements

• back_button · navigation_button

  Top-left navigation bar area, left aligned, approximately 36x36px chevron icon · Minimalist left-pointing chevron stroke in dark navy

• selection_cards · radio_list

  Vertical stack of 3 full-width rounded cards, centered horizontally with 32px vertical gap · White fill with soft 1.5px light periwinkle border, unselected circular radio icon on left

• continue_button · button

  Fixed near screen bottom, full width with side margins (approx 72px left/right), height 126px · Solid muted grey pill fill indicating disabled state with centered white text

Layout

Single-column linear onboarding flow with standard iOS status bar, centered title with back navigation, primary selection options vertically stacked in the upper-middle section, and a sticky bottom CTA button.

Notes

Font appears to be Apple's SF Pro family or an equivalent geometric neo-grotesque like Inter.