Heyyyy: Stories that text back

Colors

• #090A0FScrim Overlay Dark · bottom gradient overlay for legibility
• #FFFFFFWhite Primary · profile title · button icon · notification fill
• #FF4B6EPass Button Coral · reject button fill
• #29B6F6Super Like Sky Blue · super like button fill
• #00BFA5Like Teal Green · like button fill
• #F43F5EBadge Rose · personality tags

Type

• profile-nameSF Pro Display · 56px · 800 · #FFFFFF
• profile-quoteSF Pro Text · 32px · 600 · #FFFFFF
• profile-bioSF Pro Text · 28px · 400 · #F1F5F9

Elements

• Main Photo Card · media

  Full-bleed card spanning the viewport beneath status bar and above bottom nav · Portrait photo with subtle dark gradient vignette at the bottom

• Floating Toast Banner · toast

  Centered near top of photo card · Rounded rectangular card with light drop shadow, app icon, bold header, and descriptive subline

• Trio Action Buttons · button_group

  Horizontal row of three 140px circular action controls centered at bottom of card · High-contrast saturated circular buttons: red 'X', blue star, green heart

Layout

Swipe discovery interface featuring a photographic candidate card, overlay informative banner at top, profile details overlaid with gradient contrast scrim at lower section, and tactile action buttons.

Notes

Direct comparison to Screen 2 demonstrates the intended loaded state of the profile card image.