Typography
Our typographic system is built on F37 Zagma, a distinctive geometric sans-serif that balances warmth with precision. For technical content and code, we use F37 Zagma Mono.
Font Families
F37 Zagma
Primary Typeface
Used for headlines, body copy, and all primary text. Its geometric forms convey clarity and modernity.
font-family: var(--font-body) F37 Zagma Mono
Monospace
Used for code, technical specifications, labels, and metadata where fixed-width characters improve readability.
font-family: var(--font-mono) Character Set
Type Scale
A modular scale provides consistent visual hierarchy across all applications.
The quick brown fox
The quick brown fox
The quick brown fox jumps
The quick brown fox jumps over
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
Monospace Usage
Zagma Mono is reserved for technical contexts where fixed-width improves clarity.
const brand = {
name: 'Tesseract',
colors: ['stone-950', 'stone-50']
}