Style guide
The Lumo design system.
Colors, type and components in one place. Change a token or text style and the whole site follows.
Colors
The palette.
PaperPage background
CardCards & panels
SurfaceSubtle fills
LineBorders & dividers
InkText & dark buttons
MutedSecondary text
AccentBrand & highlights
Accent SoftTints & badges
Typography
Type that does the talking.
Display — Give teams time back
Heading 1 — AI that does the work
Heading 2 — Results you can measure
Heading 3 — Four rules we never break
Heading 4 — Instant lead follow-up
Body Large — We map where AI pays off in your business and leave you with a costed plan.
Body — Agents draft, sort and suggest. People approve anything that matters.
Small — Replies in 30 seconds
Label — Case studies
Caption — Last updated October 2026