Praktika – AI Language Tutor

Colors

• #000000Overlay Background · modal backdrop shadow
• #FFFFFFModal Background · dialog card fill
• #000000Text Primary · dialog title
• #5A5A62Text Secondary · dialog subtitle
• #F7F7FAOption Background · goal option button fill

Type

• SubtitleInter · 14px · medium · #5A5A62
• TitleInter · 24px · bold · #000000
• Option ButtonInter · 16px · medium · #000000

Elements

• Modal Dialog · modal

  Centered overlay popup covering the middle section of the screen. · White rounded card with drop shadow, containing a subtitle, main question, and three practice duration options.

• 5 min/day Option · button

  First button inside modal. · Light gray rounded container.

• 10 min/day Option · button

  Second button inside modal. · Light gray rounded container.

• 15 min/day Option · button

  Third button inside modal. · Light gray rounded container.

Layout

Modal dialog overlay on top of the loading/generation screen, asking for daily practice goal clarification.

Notes

Modal dims the background screen slightly.