Heyyyy: Stories that text back

Colors

• #FF4477reject_pink · reject button background
• #00C2FFsuperlike_cyan · superlike button background
• #00C399like_green · like button background
• #FFFFFFtext_white · profile text · icons
• #8442CAtag_purple · tag badge background
• #FFFFFFbanner_bg · toast background
• #FFFFFFnav_bar_bg · tab bar background

Type

• profile_nameSF Pro Display · 54px · bold · #FFFFFF
• banner_titleSF Pro Display · 30px · bold · #1C1C24
• banner_subtitleSF Pro Text · 24px · 400 · #636E72
• tag_labelSF Pro Text · 24px · 600 · #FFFFFF
• bio_highlightSF Pro Text · 34px · 500 · #FFFFFF
• bio_bodySF Pro Text · 28px · 400 · #FFFFFF

Elements

• banner_toast · toast notification

  Top overlay floating banner with bell icon and two-line message. · White rounded rectangle with shadow.

• action_buttons · floating action bar

  Row of 3 buttons at screen bottom. · Round buttons with drop shadow in pink, cyan, and teal.

• bottom_navigation · tab bar

  Bottom docked bar. · White background with 5 navigation items.

Layout

Swipe screen for profile 'Venus' featuring single purple tag, intro statement, truncated bio, action buttons, and top banner overlay.

Notes

Notification indicates profile updated status.