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
--flux-primary-400: #056F82;
font-family: var(--flux-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
🎨 Heading and Text Colour
Headings and text colour in slides should use #212121
Opportunity Ranking Core Triad
DON'T
Opportunity Ranking Core Triad
DO
Readability is best when things are kept simple. This is especially important in remote meetings when people have different resolution and brightness on their screens. If you need to highlight something, use underline or our brand colour Seagreen. When in doubt, keep it simple.