Heyyyy: Stories that text back

Colors

• #0B0E14Dark Overlay · gradient bottom scrim
• #FFFFFFProgress Track Active · active story bar segment
• #64748BProgress Track Inactive · inactive story bar segments
• #EF4444Notification Red · notification badge counter
• #FF4B6EPass Red · dislike button fill
• #29B6F6Super Like Cyan · super like button fill
• #00BFA5Like Emerald · like button fill

Type

• profile-nameSF Pro Display · 56px · 800 · #FFFFFF
• bio-textSF Pro Text · 28px · 400 · #F1F5F9

Elements

• Story Segment Indicators · progress_indicator

  Row of 3 equal segmented horizontal bars across the top below the header · Active white bar segment and semi-transparent inactive bar segments with rounded ends

• Top Header Bar · header

  Row with brand wordmark 'heyyyy' on left, bell icon with red '6' badge and diamond balance pill on right · White bar backdrop blending into photo container

• Action Button Controls · button_group

  Equally spaced three circular buttons near bottom overlay · Red reject, blue star, green heart with white icon graphics

Layout

Multi-photo story view of candidate card showing active segment indicator, top app header, profile metadata at bottom left, and action triggers.

Notes

Second image in candidate's carousel, showing her holding a postcard in a store.