Praktika – AI Language Tutor

Colors

• #ffffffBackground · Screen background
• #fcfcfcCard Background · Tutor card fill
• #ef4444Red Tag · New badge background
• #7c3aedPurple · Progress indicators

Type

• TitleInter · 26px · bold · #000000
• Card TitleInter · 18px · bold · #000000

Elements

• Tutor Card · Container

  Vertical list of cards · Rounded card with subtle shadow and border

• New Badge · Badge

  Top right of each tutor card · Small red pill with white text

Layout

Scrollable vertical list of tutor profile cards with top header.

Notes

List view showing multiple AI tutor options.