Praktika – AI Language Tutor

Colors

• #FFFFFFWhite · background
• #7A2EFFPurple · selected card border · badges · button
• #F8F8FALight Gray Card · unselected subscription cards
• #000000Black · primary text · price digits

Type

• titleSF Pro Display · 28px · bold · #000000
• priceSF Pro Display · 40px · bold · #000000
• badgeSF Pro Text · 12px · bold · #FFFFFF

Elements

• Discount Banner · banner

  Pinned to the top of the viewport with countdown timer. · Light purple rounded container with dark text.

• Subscription Card 1 Month · card

  Stacked list item, positioned near the top of options. · Off-white background with subtle border and radio button.

• Subscription Card 1 Year · card

  Middle stacked list item, highlighted as Most Popular. · Purple outline border with a top banner reading 'Most popular'.

• Continue Button · button

  Docked at the bottom of the screen. · Solid purple rounded pill background with white text.

Layout

Vertical scrolling list starting with discount banner, brand logo, headline, three selectable plan cards, and a fixed bottom call-to-action.

Notes

Displays a promotional paywall interface with highlighted subscription tier.