Heyyyy: Stories that text back

Colors

• #271253App Brand Purple · brand logo
• #3C3C43Push Notification Text · sliding toast notification body text
• #FFFFFFCard Text White · name · bio · tag labels
• #5D62B5Tag Violet · Mysterious tag fill
• #E05342Tag Red Orange · Chaotic Energy tag fill
• #D83A7BTag Magenta · Flirt tag fill
• #E76483Tag Pink · Romantic tag fill

Type

• In-app Toast NotificationSF Pro Text · 30px · 400 · #3C3C43
• Profile NameSF Pro Display · 58px · 700 · #FFFFFF

Elements

• Incoming Notification Banner · toast

  Positioned partially visible at very top of screen overlapping header/status area · White container with small bell icon and preview message text

• Story Segment Indicators · progress_bar

  Row of 3 segmented bars near top of card, segment 2 filled white · Second bar fully opaque white, others semi-transparent

• Action Floating Buttons · button_group

  Horizontal cluster of 3 circular buttons floating over bottom of card · Round buttons with drop shadows

Layout

Second photo card of Gina (boxing setting) with an active drop-down notification banner animating in from the top edge.

Notes

Notification text visible: 'my mom found your profile and sent it to me with...'