Heyyyy: Stories that text back

Colors

• #FFFFFFtoast_bg · in_app_banner_background
• #41D26Etoast_accent · toast_edge_indicator
• #1A1B4Btoast_text · notification_banner_text
• #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

Type

• toast_headlineSF Pro Display · 44px · 700 · #1A1B4B
• profile_nameSF Pro Display · 68px · 800 · #FFFFFF
• tag_labelSF Pro Text · 32px · 600 · #FFFFFF
• profile_bioSF Pro Text · 40px · 400 · #FFFFFF

Elements

• bonus_toast_notification · toast_banner

  Positioned just below the iOS notch, rounded rectangular banner spanning almost full width · White card surface with rounded corners, green vertical accent strip on the left, faceted cyan gem icon and '+50 bonus gems!' text

• character_card · profile_card

  Main display area occupying middle screen with full photograph and lower textual information · Photo background with dark vertical gradient scrim behind text elements

• swipe_action_buttons · action_bar

  Three floating circular action buttons positioned above the bottom navigation bar · Round elevated buttons with pass (red X), favorite (blue star), and match (teal heart)

Layout

Full swipe view with an overlaid in-app bonus toast notification at the top, rich character profile media in the background, metadata overlay tags, and persistent bottom navigation.

Notes

Green accent line at the left of the toast notification likely denotes success/reward category.