Heyyyy: Stories that text back

Colors

• #503ce8primary-purple · outgoing message bubble · send button background
• #f1f3f6incoming-bubble-bg · incoming message containers · typing bubble container
• #ffffffsurface-white · screen background · notification card background
• #1b1d28text-primary · notification sender name · incoming message text
• #6b7280text-secondary · notification description text · timestamps · conversation starting marker

Type

• notification-titleSF Pro Text · 34px · 700 · #1b1d28
• notification-bodySF Pro Text · 28px · 400 · #6b7280
• chat-bodySF Pro Text · 34px · 400 · #1b1d28

Elements

• notification_banner_victoria · toast_card

  Top overlay floating card, approx 1000px wide by 190px tall · Drop-shadowed white container, bell icon on left, title 'Victoria', multiline message snippet

• bottom_bar · input_toolbar

  Anchored to screen bottom, 1080px wide by 140px tall · Plus action icon on left, elongated grey text input field, purple circular send button on right

Layout

Vertical chat view without the XP reward banner present; new incoming top toast notification from 'Victoria' replaces the previous one.

Notes

The +5 XP banner seen in previous screens has been dismissed or timed out.