Heyyyy: Stories that text back

Colors

• #13141Fbackdrop_dim · dimmed_background
• #FFFFFFdialog_surface · modal_card_background
• #F7CA18warning_yellow · warning_icon_fill
• #1A1B4Btext_title · dialog_header
• #535878text_body · disclaimer_body_text
• #3D41EFtext_link · terms_link
• #9500EEcta_gradient_start · cta_button_gradient_left
• #3D41EFcta_gradient_end · cta_button_gradient_right

Type

• dialog_titleSF Pro Display · 50px · 800 · #1A1B4B
• disclaimer_paragraphSF Pro Text · 38px · 400 · #535878
• link_textSF Pro Text · 38px · 600 · #3D41EF
• button_labelSF Pro Text · 42px · 600 · #FFFFFF

Elements

• warning_icon · icon_badge

  Centered near top of the alert dialog, approx 140x120px · Vibrant yellow rounded triangle graphic with solid black exclamation mark

• terms_modal · modal_dialog

  Centered floating card, margins 64px left and right · White rounded card with heavy shadow over dimmed app screen

• acknowledge_button · button

  Bottom of dialog box, full inner width, height 120px · Purple to indigo horizontal gradient pill button

Layout

Centered legal and safety advisory modal card layered over the dimmed discovery swipe view.

Notes

Underlined hyperlink for 'Terms of Service' within the legal acknowledgement text.