Heyyyy: Stories that text back

Colors

• #FF4477reject_pink · reject button background
• #00C2FFsuperlike_cyan · superlike button background
• #00C399like_green · like button background
• #FFFFFFcard_overlay_white · text primary · icon foreground
• #2980B9tag_blue · profile tag pill background
• #6C5CE7tag_purple · profile tag pill background
• #1E3799tag_navy · profile tag pill background
• #B7950Btag_gold · profile tag pill background
• #FFFFFFnav_bar_bg · bottom navigation bar background
• #8A8F98nav_inactive_gray · bottom nav inactive icon and text
• #FFFFFFtoast_bg · in-app banner background

Type

• profile_nameSF Pro Display · 54px · bold · #FFFFFF
• profile_tagSF Pro Text · 24px · 600 · #FFFFFF
• bio_highlightSF Pro Text · 34px · 500 · #FFFFFF
• bio_bodySF Pro Text · 28px · 400 · #FFFFFF
• banner_titleSF Pro Display · 34px · bold · #1C1C24
• tab_labelSF Pro Text · 20px · 500 · #8A8F98

Elements

• banner_toast · toast / notification card

  Fixed near top, floating overlay centered horizontally, padded content with icon on left and text on right. · White rounded rectangle with subtle drop shadow, containing a cyan diamond icon and bold text.

• tag_pills · badge / tag chips

  Horizontally wrapped list above the bio text, compact padding around each tag. · Solid rounded pill backgrounds with colors distinguishing roles (blue, purple, navy, golden-brown), semi-translucent overlay effect with white sans-serif text.

• action_buttons · floating action bar

  Row of three circular buttons centered at bottom above the tab bar, equal spacing. · Filled vibrant solid circular buttons (pink X, cyan star, mint-teal heart) with centered white icons and soft drop shadow.

• bottom_navigation · tab bar

  Fixed to bottom of screen, 5 evenly distributed tabs with icon above text. · Solid white bar with faint top border line, monochrome gray inactive icons and labels, black active icon.

Layout

Full-screen vertical card swipe interface. Background consists of full-bleed photo with a subtle bottom dark vignette gradient. Bio details, name, and interest tags overlay the bottom half. Floating response buttons sit over lower edge. Bottom tab bar anchored to screen bottom.

Notes

System status bar visible at the top. Top app header is covered by the incoming gem reward banner.