Heyyyy: Stories that text back

Colors

• #ffffffsurface-white · action menu background · notification card background
• #503ce8primary-purple · menu item icons · send button fill
• #1b1d28text-primary · menu active action text · notification sender name
• #b2b7c4text-disabled · locked action label · locked lock icon
• #eceff4divider-line · menu row divider lines

Type

• menu-item-textSF Pro Text · 34px · 500 · #1b1d28
• menu-disabled-textSF Pro Text · 32px · 400 · #b2b7c4

Elements

• attachment_action_menu · popup_menu

  Anchored above bottom input bar, aligned to left edge with 44px margin, approx 990px wide by 380px tall · White rounded rectangle card with prominent soft drop shadow, composed of 3 vertically stacked action rows separated by hairline dividers

• menu_item_send_image · menu_row

  First row inside action menu, height approx 120px · Purple picture frame icon, text 'Send Image (15 💎)' with diamond graphic

• menu_item_couple_selfie · menu_row

  Second row inside action menu, height approx 120px · Purple camera icon, text 'Couple Selfie (199 💎)' with diamond graphic

• menu_item_locked_date · menu_row

  Third row inside action menu, height approx 120px · Light gray padlock icon, text 'Request Date (Unlocked at level 4)' in muted disabled grey

Layout

Screen overlaid with a modal action sheet / context menu floating above the chat input field, triggered by the '+' action icon.

Notes

Action menu shows in-app microtransactions / premium options requiring virtual diamond currency.