iTranslate Translator

Colors

• #38B6FFaction-blue · selected card border · app icon badge fill · confetti accents
• #D1D9E6disabled-gray-blue · redeem button background
• #8A97A8disabled-button-text · redeem button label
• #CBD5E1card-border-gray · unselected subscription card borders
• #1C2434text-primary-dark · headline · plan titles · close icon
• #475569text-secondary-slate · body copy · price details · restore purchase link

Type

• headlineSF Pro Display · 60px · 800 · #1C2434
• subtitleSF Pro Text · 34px · 400 · #475569
• plan-titleSF Pro Text · 36px · 700 · #1C2434
• plan-pricingSF Pro Text · 32px · 700 · #1C2434
• buttonSF Pro Text · 38px · 600 · #8A97A8

Elements

• close_button · button

  Top left corner, 72px square touch target. · Translucent circular badge with dark gray X icon.

• restore_purchase_button · button

  Top center, underline-styled text button. · Text link with thin dark underline.

• app_hero_icon · image

  Centered upper illustration, 220px rounded squircle badge. · Vibrant blue squircle with white wireframe globe surrounded by geometric confetti.

• free_trial_toggle_card · card

  Middle screen, full width margin 60px, height 140px, row layout with text on left, radio indicator on right. · White fill with 3px solid sky-blue border, rounded corners, hollow circular radio toggle.

• subscription_card_weekly · card

  Stacked list, 140px height with left-aligned title 'Weekly' and right-aligned dual-line price text. · White background, subtle gray 2px outline.

• subscription_card_yearly · card

  Stacked list below weekly, 140px height. · White background, subtle gray 2px outline.

• cta_button · button

  Bottom centered, width 890px, height 126px. · Muted blue-gray fill with dimmed text indicating inactive/default state.

Layout

Subscription paywall layout with modal dismissal, celebratory graphic hero, dual-tier pricing cards with trial toggle option, and primary conversion button.

Notes

CTA button appears in an unselected/muted state prior to user selecting a specific tier.