Heyyyy: Stories that text back

Colors

• #FFFFFFapp_bar_white · top bar background
• #301934logo_purple · brand logo text
• #FF3B30badge_red · notification badge fill
• #0099FFgem_blue · currency gem icon and text
• #FF4477reject_pink · action button reject
• #00C2FFsuperlike_cyan · action button superlike
• #00C399like_green · action button like
• #FFFFFFstory_bar_active · active image indicator
• #666666story_bar_inactive · inactive image indicator
• #8442CAtag_purple · tag badge background

Type

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

Elements

• app_header · top app bar

  Row under iOS status bar, containing logo on left, bell notification and gem count on right. · White background, clean row alignment with red circular notification counter badge.

• story_progress_indicators · segmented progress bar

  Horizontal row of thin segmented bars directly beneath the header across the photo width. · Rounded thin bars with active segment in solid white and inactive segments in translucent white/gray.

• action_buttons · floating action bar

  Row of 3 buttons at screen bottom above bottom bar. · Round vibrant colored buttons with white glyphs.

• bottom_navigation · tab bar

  Docked at bottom of screen with 5 tabs. · Solid white bar with gray icons and active icon.

Layout

Standard card swiping view without top toast banner, revealing the 'heyyyy' brand header and currency display. Profile image contains segmented photo indicators at the top edge.

Notes

Logo uses a distinctive cursive script.