Typography
We use the Nunitofont across the entire app. It's perfectly rounded, extremely readable for early learners, and incredibly friendly.
Headings (Display)
.text-5xl .font-black
The quick brown fox
.text-4xl .font-bold
The quick brown fox
.text-3xl .font-bold
The quick brown fox
.text-2xl .font-bold
The quick brown fox
.text-xl .font-bold
The quick brown fox
Body & Utilities
.text-lg .leading-relaxed
This is slightly larger body text used for introductions or hero sections. It provides excellent readability and comfort on large screens.
.text-base .text-doozy-muted
This is the standard body text. It is used for general paragraphs, long-form descriptions, and standard card content. The color is slightly muted to reduce contrast strain against the dark background.
.text-sm .font-medium
Small text, useful for metadata, sub-labels, and dense lists.
.text-xs .font-bold .uppercase .tracking-widest
Micro Label Heading