Praktika – AI Language Tutor

Colors

• #FFFFFFBackground · screen background
• #000000Text Primary · title and option text
• #5A5A62Text Secondary · subtitle text
• #F4EEF8Option Selected Fill · selected list item background
• #7B2CBFOption Selected Border · selected list item border
• #F7F7FAOption Unselected Fill · unselected list item background

Type

• TitleInter · 28px · bold · #000000
• SubtitleInter · 16px · normal · #5A5A62
• Section HeaderInter · 18px · semibold · #000000
• List OptionInter · 18px · medium · #000000

Elements

• Skip Button · button

  Top right corner. · Plain text link.

• Shopping Option · list item

  First item under Lifestyle section, featuring leading emoji icon. · Light purple background container with purple border and shopping bags emoji.

• Cooking Option · list item

  Second item in the list. · Off-white background with chef emoji icon.

• Fitness Option · list item

  Third item in the list. · Off-white background with weightlifting emoji icon.

• Fashion Option · list item

  Fourth item in the list. · Off-white background with dress emoji icon.

Layout

Selection list screen featuring top navigation, title, subtitle, section header 'Lifestyle', and a vertical stack of selectable interest cards.

Notes

User has selected the first option ('Shopping').