Type Basics
Typography encodes hierarchy and information density. The system scales from brand identifiers to body copy while staying aligned to the 8 px grid.
Pairing and Usage Rules
- Use Exo 2 for headings and product titles; Inter for body and UI.
- Use JetBrains Mono for code, data labels, and terminal-style content.
- Use Syncopate for short signal phrases only.
- Use XevorNexa for brand-controlled identifiers and live specimens; final marks are vector lockups.
- Minimum body size is 16 px. Maintain a contrast ratio of at least 4.5:1 for body text.
Do & Don't
Do use Inter for body copy and Exo 2 for headings.
Don't use XevorNexa for body text or headings below 16 px.