Kajabi. The framework is invisible, the humans are the brand.
- SaaS
- Light theme
- 10 colors
- 1 typeface
Kajabi runs a monochrome editorial system: pure white canvas, near-black type, and no chromatic brand color anywhere. The page surrenders all color to the content — full-bleed expert portraits, warm lifestyle video, photography — so the interface recedes and the humans do the selling. Type does the heavy lifting through scale and tight tracking rather than color or weight, with Haffer rendering at display sizes up to 60px in near-black #0a0a0a. Surfaces are flat, corners are sharp at 2px (not the modern SaaS 8-12px), and buttons are solid black rectangles. The contrast between this strict achromatic UI and the rich, warm photography creates the brand's signature tension: a clinical framework housing emotional content.
Kajabi design system
Neutrals10
Primary text, filled CTA buttons, navigation, footer — the only action color in the entire system, near-black not pure #000
Dark section backgrounds (category bands, video frame borders), elevated dark surfaces
Input text, focused form field borders, higher-emphasis text variant
Secondary body text, muted helper text, subdued list/border accents
Tertiary text, icon strokes, subtle borders — warm gray that hints at the brand's earthy content tone
Link borders at rest, muted borders, decorative dividers — warmest neutral, signals hover-to-reveal interaction
Stronger borders for form fields, table separators, more visible structural dividers
Hairline borders, card outlines, divider lines between content blocks
Light surface tint, input field backgrounds, secondary card surfaces, subtle washes
Page canvas, card surfaces, button text on dark backgrounds, inverse text in dark sections
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Paper White on Ink Black
19.80 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
