Typography
Font family
Inter at two optical sizes: 18pt for body text, 28pt for display headings. A single typeface throughout — no serif, no mono.
Inter 18pt — Body
Aa Bb Cc
Regular · Medium · SemiBold · Bold
Inter Display 28pt — Headings
Aa Bb Cc
Regular · SemiBold · Bold
Type scale
display
56px / 600w
A balanced college list
h1
40px / 600w
Page titles and heroes
h2
28px / 600w
Section headers
h3
20px / 600w
Card titles, subsections
body-lg
18px / 400w
Lead paragraphs and hero subheads
body
16px / 400w
Default body text for all content
body-sm
14px / 400w
Captions, secondary text
eyebrow
12px / 500w
For high school counselors
Usage classes
Apply semantic classes to avoid hard-coding sizes. All headline classes default to --color-ck-blue-700; body defaults to --color-ck-slate-600.
.ck-display
h1 / .ck-h1
h2 / .ck-h2
h3 / .ck-h3
.ck-body-lg
.ck-body-sm
.ck-eyebrow
.ck-stat