Heyyyy: Stories that text back

Colors

• #121422modal_overlay · dimmed_scrim_background
• #FFFFFFmodal_background · dialog_surface
• #1A1B4Btext_primary · dialog_title
• #473BE6gems_value · gem_count_highlight · store_highlight_text
• #535878text_description · body_description
• #9500EEcta_gradient_start · claim_button_gradient_left
• #3D41EFcta_gradient_end · claim_button_gradient_right

Type

• modal_titleSF Pro Display · 62px · 800 · #1A1B4B
• highlight_valueSF Pro Display · 92px · 800 · #473BE6
• modal_bodySF Pro Text · 40px · 400 · #535878
• modal_subtextSF Pro Text · 38px · 600 · #473BE6
• modal_ctaSF Pro Text · 44px · 600 · #FFFFFF

Elements

• reward_modal · modal_dialog

  Centered over dimmed underlying screen, margins approx 72px on sides, contains gem illustration and stacked text · Pure white background card with generous border radius and strong ambient drop shadow

• diamond_illustration · image_graphic

  Top-centered within the modal card, approx 170x130px · Multifaceted light blue gem icon with cyan gradients and specular highlights

• claim_button · button

  Bottom of the dialog card, full inner width pill button, height 124px · Linear gradient from deep purple to indigo with centered white bold text

Layout

Centered modal card displayed over a heavily dimmed, dark overlay hiding the onboarding screen beneath.

Notes

The underlying view appears to be screen 2 with a loading spinner active over the bottom CTA.