Heyyyy: Stories that text back

Colors

• #475569Modal Backdrop Dim · dimmed background overlay
• #FFFFFFDialog Card White · dialog window surface
• #0F172ADialog Title Navy · dialog title text
• #475569Dialog Message Slate · dialog body text
• #E2E8F0Dialog Button Fill · dismiss button background
• #0F172ADialog Button Text · dismiss button typography

Type

• modal-titleSF Pro Display · 38px · 700 · #0F172A
• modal-bodySF Pro Text · 30px · 400 · #475569
• modal-button-labelSF Pro Text · 32px · 700 · #0F172A

Elements

• Dimmed Scrim · overlay

  Covers full screen over store paywall · Semi-transparent dark grey overlay darkening background store content

• Error Alert Dialog · modal

  Horizontally centered in upper half of screen, width approximately 90% of screen width · Solid white container with prominent rounded corners, high elevation drop shadow

• Dismiss Button · button

  Spans bottom of modal card with internal margin · Light gray pill background with centered bold 'OK' label

Layout

Modal alert dialog centered over dimmed store subscription screen informing the user of an in-app purchase failure.

Notes

The underlying paywall is identical to Screen 1, dimmed by the system/app modal overlay.