Heyyyy: Stories that text back

Colors

• #FF4477reject_pink · reject action button
• #00C2FFsuperlike_cyan · superlike action button
• #00C399like_green · like action button
• #8E44ADtag_magenta · tag background
• #4A69BDtag_slate · tag background
• #6C5CE7tag_purple · tag background
• #FFFFFFwhite · text · active indicator

Type

• profile_nameSF Pro Display · 54px · bold · #FFFFFF
• tag_labelSF Pro Text · 24px · 600 · #FFFFFF
• bio_highlightSF Pro Text · 34px · 500 · #FFFFFF
• bio_bodySF Pro Text · 28px · 400 · #FFFFFF

Elements

• tag_pills · badge / tag chips

  Wrapped row of 4 tag pills above bio line. · Rounded pill shape with white text.

• story_progress_indicators · segmented progress bar

  Segmented bars at top of photo area. · Second segment active (white), others inactive.

• action_buttons · floating action bar

  Bottom row of 3 action buttons. · Pink, cyan, and teal circular buttons.

• bottom_navigation · tab bar

  Docked at bottom of screen. · Solid white bar with five navigation items.

Layout

Second photo segment for Arya's profile set in a bookstore. Content hierarchy identical to screen 6 with updated photo and progress indicator state.

Notes

Consistent swipe UI patterns preserved across all screens.