Heyyyy: Stories that text back

Colors

• #FFFFFFHeader Background White · top bar background · bottom nav background
• #1E1A43Brand Navy · logo wordmark
• #EF4444Badge Notification Red · notification counter badge
• #FF4B6EDislike Coral · cross action button
• #29B6F6Super Like Blue · star action button
• #00BFA5Like Teal · heart action button

Type

• profile-nameSF Pro Display · 56px · 800 · #FFFFFF
• tag-textSF Pro Text · 24px · 700 · #FFFFFF

Elements

• Segmented Progress Bar · progress_indicator

  Three horizontal segments placed across top edge of photo · First segment fully opaque white, remaining segments semi-transparent

• App Header · header

  Row pinned beneath notch/status bar · Clean white header with bold logo on left, bell badge and gem counter on right

• Bottom Nav Bar · navigation_bar

  Docked at bottom of viewport · 5 navigation items with filled icon for active tab

Layout

Profile viewing mode with first story segment active (mirror selfie image), displaying standard app header, action button overlay, and lower navigation.

Notes

Visual elements match Screen 3 but without the floating push notification toast.