The system behind the system.

A small, restrained vocabulary of type, colour, motion, and spacing — the same building blocks behind every CompassStu surface.

01 · Typography
Display · 56 / 700 / -0.028em
CompassStu
Title · 40 / 600 / -0.022em
From learner to candidate.
Heading · 24 / 600 / -0.014em
Active recall beats review.
Subtitle · 18 / 500 / -0.008em
Card title, form label.
Body · 15 / 400 / -0.003em
Default reading text across the platform.
Meta · 13 / 400
Module 2 · Lesson 3 · 9 min
Micro · 11 / 600 / 0.1em
Product Thesis
02 · Color
Neutral · dark mode
Neutral · light mode
Accent · violet
Semantic · status
03 · Spacing & Motion
Spacing tokens · 8-point
s1
4 px
s2
8 px
s3
12 px
s4
16 px
s5
24 px
s6
32 px
s7
48 px
s8
64 px
Motion · durations
instant
60 ms
fast
140 ms
base
220 ms
slow
360 ms
slower
520 ms
7 type roles · 18 colour tokens · 8 spacing stops · 5 motion durations
CompassStu · 2026