Heyyyy: Stories that text back

Colors

• #FFFFFFapp_bar_white · top header background
• #FF4477reject_pink · reject button
• #00C2FFsuperlike_cyan · superlike button
• #00C399like_green · like button
• #8442CAtag_purple · tag background
• #FFFFFFwhite · text · active indicator

Type

• brand_logoSnell Roundhand · 44px · bold · #301934
• profile_nameSF Pro Display · 54px · bold · #FFFFFF
• bio_highlightSF Pro Text · 34px · 500 · #FFFFFF
• bio_bodySF Pro Text · 28px · 400 · #FFFFFF

Elements

• story_progress_indicators · segmented progress bar

  Row of 3 progress lines at top of card. · Third line is active (white), others inactive.

• action_buttons · floating action bar

  Floating 3 circular buttons horizontally centered. · Circular filled buttons with pink, cyan, and teal.

• bottom_navigation · tab bar

  Docked at bottom of screen. · White background with 5 navigation items.

Layout

Profile swipe screen for Venus displaying the 3rd story segment photo. App header, bottom floating actions, and navigation remain constant.

Notes

Third photo of the 3-image story carousel.