- I designed every swatch you see here myself, directly in CSS.
- AI helped wire the sessionStorage plumbing and the live custom mix.
- I still chose the default you saw first — Warm.
Click a study — the whole site changes, including Experiment.
Dark
Four original gradient studies made for this page — hand-built in CSS, not AI-generated images.
Bright
Four light-mode looks, the same idea as the dark studies above.
Own
Two live mixers — one dark, one bright. Pick four colors each and watch them become the actual theme.
Drag the sliders to mix four colors of your own — one sets the page background, another sets the panel behind the hero and the CTA band below. Changes apply live as a dark theme.
Same idea, in light mode — the four colors play the same roles, just for a bright page instead.
Like what you see?
This is the same CSS-first, hand-tuned approach behind every site I build.
Get in touch