Design system
Tokens and base components. Switch your OS to dark mode to see the dark theme. Typography: Source Sans 3 (UI) and Source Serif 4 (titles) — temporary until brand identity lands.
Colour tokens
--color-bg
--color-surface
--color-surface-raised
--color-border
--color-text
--color-text-muted
--color-primary
--color-on-primary
--color-focus
--color-success
--color-success-bg
--color-danger
--color-danger-bg
--color-info-bg
--color-warning-bg
--color-plot-1
--color-plot-2
--color-plot-3
Buttons
Badges and alerts
NeutralCompletedOverdue
Correct! Well done.
Not quite. Try again.
Hint: divide the distance by the time.
Progress
Empty state
No classes yet
Teachers create a class before inviting students.
Form fields
Ask your teacher for the code.