Typography
Font styles, sizes, weights and text utilities
Headings
h1. Heading — 36px
h2. Heading — 28px
h3. Heading — 22px
h4. Heading — 18px
h5. Heading — 16px
h6. Heading — 14px
Font Weights
fw-400 — Regular — The quick brown fox jumps
fw-500 — Medium — The quick brown fox jumps
fw-600 — SemiBold — The quick brown fox jumps
fw-700 — Bold — The quick brown fox jumps
fw-800 — ExtraBold — The quick brown fox jumps
Text Utilities
text-xl (18px) — AI Platform Dashboard
text-lg (16px) — AI Platform Dashboard
text-base (14px) — AI Platform Dashboard
text-sm (12px) — AI Platform Dashboard
text-xs (11px) — AI Platform Dashboard
text-muted — Muted grey text
text-primary-c — Primary purple
text-success-c — Success green
text-danger-c — Danger red
Body Text & Paragraphs
This is a standard paragraph using Plus Jakarta Sans, our primary font. It renders beautifully at all sizes with clean anti-aliasing.
This paragraph uses text-secondary-c for secondary information —
slightly less prominent than the primary text colour.
And this uses text-muted for the lightest readable text, perfect
for timestamps, labels and supplementary information.
Monospace (JetBrains Mono)
const model = "gpt-4-turbo-preview";
sk-admio-prod-xxxxxxxxxxxx4xJ2
accuracy: 97.2% · latency: 1.2s · cost: $0.045/1K