Typography System
Manrope as the primary font — friendly, modern, professional. Space Grotesk for high-impact hero headings.
Manrope
Primary font — headings + body + UI
Aa Bb
300 — The quick brown fox jumps over the lazy dog
400 — The quick brown fox jumps over the lazy dog
500 — The quick brown fox jumps over the lazy dog
600 — The quick brown fox jumps over the lazy dog
700 — The quick brown fox jumps over the lazy dog
Space Grotesk
Display font — hero titles, covers, large numbers
Aa Bb
400 — The quick brown fox jumps over the lazy dog
500 — The quick brown fox jumps over the lazy dog
700 — The quick brown fox jumps over the lazy dog
+ JetBrains Mono — code, tokens and values
Seven steps. Any size outside this scale is visual debt.
display / heroFluxr Pro
h1 · sectionFluxr Pro
h2 · sub-sectionFluxr Pro
h3 · card titleFluxr Pro
body / labelFluxr Pro
caption / metaFluxr Pro
overlineFluxr Pro
Lime text — solid color for accent headings. Gradient text is PROHIBITED (except the logo mark). Never in paragraphs, buttons, or cards.