X-VPN: VPN Fast & Secure

Colors

• #000000Overlay Scrim · Modal backdrop dimming overlay
• #FFFFFFAlert Surface White · Alert dialog container background
• #666B73Alert Title Charcoal · Failure notification message text
• #21C4C4Action Teal · Acknowledge button fill
• #FFFFFFButton Label White · Acknowledge button text

Type

• Alert MessageSF Pro Text · 36px · medium · #666B73
• Alert Button LabelSF Pro Text · 36px · medium · #FFFFFF

Elements

• Subscription Failure Alert Modal · modal

  Centered horizontally and vertically over dimmed paywall, width ~860px, height ~390px. · Solid white card with smooth rounded corners and subtle drop shadow.

• Alert Message Label · text

  Centered horizontally in upper half of alert dialog. · Medium-weight muted charcoal text 'Subscription failed'.

• Okay Confirmation Button · button

  Centered in lower portion of alert dialog, width ~700px, height ~104px. · Solid rounded teal pill shape (#21C4C4) with white centered 'Okay' label.

Layout

Error feedback state displaying a centered modal dialog over a dimmed paywall view.

Notes

Underlying background is identical to Screen 3, shaded by a semi-transparent dark backdrop layer.