Eleven palettes, one page
The same markup, a different set of tokens.
Every panel below is identical HTML. The only difference is which theme's role declarations it reads. On your own site you link one theme file after Core; nothing else changes.
Default
Neutral near-black, teal accent, purple second: the framework with no theme file at all.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
/* nothing: Core already declares every role */Dusk
Warm dusk with a serif display face and squared corners.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
--pf-bg: #171310;
--pf-text: #fbf4ec;
--pf-accent: #f5b544;
--pf-accent-2: #f07e79;
--pf-radius: 3px;Electric
Near-black with a lime accent. Zero radius, maximum contrast.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
--pf-bg: #07070f;
--pf-text: #f2f5ff;
--pf-accent: #ccff00;
--pf-accent-2: #34d3ff;
--pf-radius: 2px;Cream
Warm light stock with a green accent, for something calmer.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
--pf-bg: #f7f1e6;
--pf-text: #241b12;
--pf-accent: #46580e;
--pf-accent-2: #8e3509;
--pf-radius: 2px;Slate
GitHub-dark with a monospace display face.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
--pf-bg: #0d1117;
--pf-text: #e6edf3;
--pf-accent: #7dd3fc;
--pf-accent-2: #c4b5fd;
--pf-radius: 4px;Paper
Editorial off-white with rust and pine, built for long-form reading.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
--pf-bg: #fbf7f0;
--pf-text: #2b2620;
--pf-accent: #7a2e1e;
--pf-accent-2: #2f5d50;
--pf-radius: 3px;Mono
Terminal black with lime and cyan, for developer tooling.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
--pf-bg: #0b0b0c;
--pf-text: #e8e8e6;
--pf-accent: #c8f751;
--pf-accent-2: #7fd4ff;
--pf-radius: 0px;Ocean
Deep blue-green with cyan and indigo, for dashboards you sit in front of all day.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
--pf-bg: #0e1a1f;
--pf-text: #e9f1f3;
--pf-accent: #1fb6b6;
--pf-accent-2: #92a0eb;Ember
Warm near-black with amber and rose, heat without shouting.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
--pf-bg: #1a1512;
--pf-text: #f5efe9;
--pf-accent: #d8953d;
--pf-accent-2: #e8868f;Orchid
Violet ground with lilac and teal: the house palette with its accents swapped.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
--pf-bg: #16141c;
--pf-text: #f1eef7;
--pf-accent: #b093e5;
--pf-accent-2: #2eb3ac;Sudo
The SudoSecurity house palette: true black, hairlines, teal and violet. This site wears it.
Alerts keep their meaning
Colour comes from the role, so the alert stays legible.
| Plan | Price |
|---|---|
| Team | £18 |
| Company | £64 |
--pf-bg: #000;
--pf-text: #ededed;
--pf-accent: #32b6af;
--pf-accent-2: #b396e8;