Speak: Language Learning

Colors

• #0D0E14screen-bg · screen background
• #3872FFhighlight-blue · header count highlight · best value badge · start free week CTA button
• #14161Eplan-card-bg · unselected/secondary tier card
• #131620plan-card-selected · premium plus tier card
• #1B2859selected-column · comparison table active tier column highlight
• #FFFFFFtext-primary · headings · plan titles · CTA button label
• #848A99text-muted · descriptions · pricing details
• #252834divider-line · card horizontal separator line

Type

• header titleSF Pro Display · 38px · 700 · #FFFFFF
• plan titleSF Pro Display · 32px · 700 · #FFFFFF
• badge labelSF Pro Text · 18px · 700 · #FFFFFF
• plan descriptionSF Pro Text · 22px · 400 · #9EA3B0
• price textSF Pro Text · 24px · 500 · #848A99
• bottom guaranteeSF Pro Text · 22px · 500 · #D2D6E0
• primary CTA buttonSF Pro Text · 26px · 600 · #FFFFFF

Elements

• social proof header · heading

  Top center with margins, two lines of text · White bold text with '5 million' accented in bright blue

• Premium plan card · card

  Upper card, full width with side margins, roughly 180px height · Dark charcoal rounded card with top-right checkmark and pricing breakdown

• Best Value badge · badge

  Floating pill sitting half above the Premium Plus card left side · Solid bright blue pill with uppercase bold text

• Premium Plus plan card · card

  Directly below Premium card, height roughly 200px · Dark card with divider and two-column price display

• feature comparison table header · table

  Lower mid screen, shows tier names and checkmark indicators · Active column highlighted in dark blue rounded container

• start free week button · button

  Docked near bottom, full width with side padding, height roughly 88px · Vibrant solid blue rounded pill button with white crown icon and text

Layout

Paywall subscription comparison screen featuring social proof header, two pricing plan cards, feature comparison table row, and fixed bottom trial CTA with reassurance note.

Notes

Bottom CTA button includes a crown icon denoting VIP/premium subscription access.