Five themes. One setting.
Colour, type and mood for the whole site. Pick one below and watch every block on this page follow.
Try each theme, right now
Click a card. Your choice is remembered as you move around the demo.
Now wearing — — the colours every block is using right now
- Background —
- Text —
- Quiet text —
- Accent —
- Soft accent —
A demo extra: visitors cannot switch themes on your site by default. On a real site the theme is one setting that you choose, and every visitor sees that one. The theme cards on this page and the floating Theme button are extras built for this demo. If you would like visitors to pick their own theme, that is a custom requirement — just ask.
A theme is a mood, not a redesign
Each theme sets the colours and typefaces for the whole site. Every block draws from the theme, so switching is instant and nothing ever needs redesigning.
The midnight theme you just tried was added to this demo in minutes — a new theme is a handful of colours, not a new site.
Same words, new mood
Headlines, buttons, cards and quotes all pick up the theme's colours — and its typeface, where it has one.
A call to actionCards follow along
-
Colour
Background, text and accent all come straight from the theme.
-
Type
Citrus and terracotta set headlines in a serif; the others stay clean and modern.
-
Contrast
Text on the accent colour is chosen per theme, so buttons stay readable everywhere.
A word from a happy editor (sample)
-
“We picked a theme on Monday and spent the rest of the week on the words. The design just worked.”
One page, its own theme
A single page can also wear a theme of its own, chosen in that page's settings. The site-wide theme steps aside for that page only.
The five example sites do exactly this — a restaurant in citrus, a consultancy in slate, a studio in terracotta, a retreat in forest and a SaaS in midnight, all inside one site.
