Heyyyy: Stories that text back

Colors

• #D8E6F8Gradient Sky Top · top background gradient
• #1E293BGradient Slate Bottom · bottom background scrim
• #FFFFFFCard Floating White · notification banner background
• #FB7185Pass Red · dislike action button fill
• #38BDF8Super Like Blue · super like action button fill
• #2DD4BFLike Green · like action button fill
• #F43F5EFlirt Tag Rose · personality tag badge

Type

• profile-nameSF Pro Display · 56px · 800 · #FFFFFF
• profile-promptSF Pro Text · 32px · 500 · #F8FAFC
• notification-titleSF Pro Text · 30px · 700 · #0F172A

Elements

• Push Notification Toast · toast

  Floating rounded bar positioned near the top below status area · Semi-translucent white with blur/shadow, icon on left, two lines of text

• Tag Badges · badge

  Row of rounded tags under profile name ('Flirt', 'Romantic') · Solid pinkish-red pill fill with white text

• Trio Action Buttons · button_group

  Horizontal row of 3 large circular action buttons floating above the bottom tab bar · Circular buttons (cross/pink, star/cyan, heart/mint) with bold white central glyphs and subtle elevation

• Bottom Navigation Bar · navigation_bar

  Docked at base with active indicator on 'Swipe' · White background with line icons and red badge on Matches

Layout

Full-screen swipe card layout showing a placeholder gradient backdrop, profile bio text overlay at the bottom, floating engagement notification at the top, and bottom interaction buttons.

Notes

Card media appears unloaded or displaying a plain gradient placeholder, leaving the profile overlay legible against dark scrim.