Heyyyy: Stories that text back

Colors

• #1A1B4Blogo_color · top_bar_app_logo
• #EEF1F9gem_badge_bg · currency_chip_background
• #2986FEtag_protector · badge_tag_blue
• #6C5CE7tag_mysterious · badge_tag_purple
• #243292tag_first_responder · badge_tag_dark_blue
• #C9A027tag_high_society · badge_tag_gold
• #FF4472btn_dislike · pass_action_button
• #00BEFFbtn_superlike · superlike_action_button
• #05B898btn_like · like_action_button
• #1A1B4Bnav_active · tab_bar_active_icon · tab_bar_active_label
• #8C91A8nav_inactive · tab_bar_inactive_icon · tab_bar_inactive_label

Type

• brand_logoSF Pro Rounded · 56px · 800 · #1A1B4B
• profile_nameSF Pro Display · 68px · 800 · #FFFFFF
• tag_labelSF Pro Text · 32px · 600 · #FFFFFF
• profile_bioSF Pro Text · 40px · 400 · #FFFFFF
• nav_labelSF Pro Text · 28px · 500 · #8C91A8

Elements

• top_bar · app_header

  Spans top width, left logo 'heyyyy', right side contains bell icon and currency balance pill · Transparent background with navy logo and subtle light grey rounded gem badge

• story_bars · progress_indicators

  Row of thin horizontal segments across top edge of character card photo · Translucent white bars indicating photo progress

• floating_actions · action_bar

  Row of three circular buttons floating over bottom portion of card: 160px diameter (left and right), 160px diameter (center) · Solid circle fills: coral-red 'X', sky-blue star, and mint-green heart with drop shadows

• bottom_navigation · tab_bar

  Pinned to bottom screen edge, 5 tabs: Explore, Swipe, Matches, Profile, Store · Solid white bar with thin top divider line, active tab indicated by solid black heart icon

Layout

Main swiping card interface featuring full-height photographic content with story indicator bars, overlaid character name, category pill tags, bio snippet with '...more', three circular swipe trigger buttons, and a standard five-icon bottom navigation bar.

Notes

Text overlay uses drop shadows for legibility over complex photographic backgrounds.