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 · action icons
• #FFFFFFbanner_bg · notification card background
• #FFFFFFnav_bar_bg · tab bar background
• #2980B9tag_blue · tag background
• #6C5CE7tag_purple · tag background
• #1E3799tag_navy · tag background
• #B7950Btag_gold · tag background

Type

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

Elements

• banner_toast · toast / notification card

  Fixed floating banner near screen top with thumbnail/icon on left and 2 lines of text. · White rounded card with elevation shadow.

• action_buttons · floating action bar

  Three circular action buttons in a row above bottom navigation. · Solid vibrant round buttons in pink, cyan, and teal.

• bottom_navigation · tab bar

  5 icon/label tabs horizontally arranged across screen bottom. · White bar, subtle gray top separator.

Layout

Full-bleed card view displaying second photo for user 'Kaky'. Bottom area has gradient shadow for readability of white text and colorful metadata tags. 3-button swipe controller floats above bottom tab bar.

Notes

Same profile as Screen 0 but displaying an alternate photo and a different top notification banner.