Praktika – AI Language Tutor

Colors

• #FFFFFFBackground · screen background
• #000000Text Primary · main title text
• #5A5A62Text Secondary · subtitle and disclaimer text
• #F7F7FAInput Background · email field fill
• #ECECEFButton Disabled · continue button fill
• #F9F9FBCard Background · social proof card fill
• #FFB800Star Rating · rating stars

Type

• TitleInter · 28px · bold · #000000
• SubtitleInter · 16px · normal · #5A5A62
• Input PlaceholderInter · 18px · normal · #8A8A93
• DisclaimerInter · 14px · normal · #5A5A62

Elements

• Email Input · text field

  Centered below the subtitle. · Light gray rounded rectangle with placeholder 'Email'.

• Continue Button · button

  Centered below disclaimer text. · Disabled light gray rounded rectangle.

• Social Proof Card · card

  Bottom section of the screen. · Rounded light gray card featuring user statistics, laurel wreaths, and star ratings.

Layout

Sign-in screen featuring headline, email input field, terms disclaimer, disabled continue button, and social proof metrics card at the bottom.

Notes

Captures user email to deliver vocab test score results.