Foundations
Typography
Lexend is Kaptio's primary typeface — a clean, modern sans-serif optimised for readability. JetBrains Mono is used for code, tokens, and technical content.
Lexend
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
JetBrains Mono
--forma-primary-400: #056F82;
font-family: var(--forma-font-sans);
Font Weights
Five weights from Light (300) to Bold (700). Light for body, Bold for headings.
Aa
Light
300
Body text, descriptions
Aa
Bold
700
Headings, titles, emphasis
Type Scale
From Display (3rem) down to Small (0.75rem). Each level has a defined size, weight, and line height.
The quick brown fox jumps over the lazy dog
Hero headlines
The quick brown fox jumps over the lazy dog
Page titles
The quick brown fox jumps over the lazy dog
Section headers
The quick brown fox jumps over the lazy dog
Subsection headers
The quick brown fox jumps over the lazy dog
Card titles
The quick brown fox jumps over the lazy dog
Small headings
The quick brown fox jumps over the lazy dog
Primary content
The quick brown fox jumps over the lazy dog
Secondary content
The quick brown fox jumps over the lazy dog
Captions, labels
The quick brown fox jumps over the lazy dog
Code, tokens