Praktika – AI Language Tutor

Colors

• #FFFFFFWhite · background
• #000000Black · primary text
• #7A2EFFPurple · highlight text · button background
• #F8F8FACard Background · card background

Type

• titleSF Pro Display · 26px · bold · #000000
• highlight valueSF Pro Display · 36px · bold · #7A2EFF
• buttonSF Pro Text · 18px · semibold · #FFFFFF

Elements

• Vocabulary Level Slider · slider

  Centered horizontally below the vocabulary score. · Multi-colored horizontal gradient track with a black thumb selector indicator.

• Estimated Level Card · card

  Centered card container taking up the lower middle portion. · Light gray/off-white background with rounded corners.

• Continue Button · button

  Fixed near the bottom above safe area limits. · Solid purple rounded pill container with white text.

Layout

Top progress indicator, title and word count, horizontal range bar, level description card, and bottom continue button.

Notes

Colors and dimensions are estimated visually from source resolution.