Typography
The typographic hierarchy establishing the strategic identity parameters and spatial rhythm constraints natively across all digital touchpoints.
Font Families
Ag
font.family.display
Grafikui
System.
'DM Serif Display', Georgia, serifSystem.
Ag
font.family.body
Grafikui
System.
'DM Sans', system-ui, sans-serifSystem.
Ag
font.family.mono
Grafikui
System.
'DM Mono', 'Fira Code', monospaceSystem.
Hierarchy Matrix
font.size.2xs
The quick brown fox jumps over the lazy dog.
font.size.xs
The quick brown fox jumps over the lazy dog.
font.size.sm
The quick brown fox jumps over the lazy dog.
font.size.md
The quick brown fox jumps over the lazy dog.
font.size.base
The quick brown fox jumps over the lazy dog.
font.size.lg
The quick brown fox jumps over the lazy dog.
font.size.xl
The quick brown fox jumps over the lazy dog.
font.size.2xl
The quick brown fox jumps over the lazy dog.
font.size.3xl
The quick brown fox jumps over the lazy dog.
font.size.4xl
The quick brown fox jumps over the lazy dog.
font.size.5xl
The quick brown fox jumps over the lazy dog.
font.size.6xl
The quick brown fox jumps over the lazy dog.
font.size.7xl
The quick brown fox jumps over the lazy dog.