Learn English: Lingo AI

Colors

• #1C1716Card Translucent Dark · Main paywall modal surface fill
• #ECC49FSelected Card Border Gold · Yearly subscription card border · Best Value pill fill
• #F3C59FPrimary Accent Peach · Continue button fill · Crown emblem tint
• #CB2428Discount Badge Red · Discount percentage pill background
• #FFFFFFText White · Feature list item text · Tier title · Discount percentage text
• #F6DEC4Text Gold Tint · Headline italic text · Price values · Checkmark icons
• #3E2211Text Dark Brown · Continue CTA text · Best Value label text
• #A79D96Subtext Muted Warm Gray · Terms, Privacy, Restore links · Guarantee text · Per week subtitle

Type

• Paywall HeadlinePlus Jakarta Sans · 58px · 800 · #FFFFFF
• Feature Checklist ItemPlus Jakarta Sans · 42px · 600 · #FFFFFF
• Plan TitlePlus Jakarta Sans · 46px · 600 · #FFFFFF
• Plan PricePlus Jakarta Sans · 46px · 700 · #FFFFFF
• CTA Button TextPlus Jakarta Sans · 48px · 700 · #3E2211
• Footer Legal LinkPlus Jakarta Sans · 34px · 500 · #A79D96

Elements

• Crown Badge · icon

  Centered at top of main modal card, ~160px wide · Gold/bronze gradient illustrated crown with letter 'V' stamped in center

• Paywall Content Card · card

  Floating centered modal over blurred photo background, rounded corners, spans across majority of viewport width · Dark tinted translucent container (#1C1716 at ~92% opacity)

• Feature List · list

  Vertical stack of 4 items with peach checkmark icons on left, ~40px vertical gap · Checkmark icon in rounded circular fill with crisp white text labels

• Yearly Pricing Option (Selected) · radio_group

  Card within paywall, height ~240px, full inner width · Dark fill with 2px gold/peach border, overlaid with 'BEST VALUE' badge on top border, and '88% OFF' red pill inside right

• Best Value Pill · badge

  Centered on top edge of yearly pricing card, height ~64px · Warm peach solid fill with bold uppercase brown text

• Weekly Pricing Option · radio_group

  Card placed beneath yearly option, height ~210px · Darker solid background without prominent border

• Continue CTA Button · button

  Bottom pinned primary button, ~1000px wide, ~146px high · Warm peach fill with rounded pill shape and centered dark text

Layout

Full-screen conversion paywall overlaying a warm photographic background (café / book study context). Prominent dark modal contains value proposition, checklist, tiered pricing selector, trust badge, primary continue button, and legal links at the footer.

Notes

Card elements use gold and deep copper gradients indicative of a premium tier subscription upsell.