One structure. Infinite colour. Recipes that transform.
Chromashift is built on a simple idea: every recipe has its own identity, and colour is one of the most powerful ways to express it. We use the same clean, modern layout across every recipe page, but the colour palette shifts to match the mood and character of each dish.
Warm reds for slow-braised lamb. Ocean blues for fresh barramundi. Golden yellows for Sunday roast chicken. Vibrant greens for Thai curry. The structure stays consistent, but the colours transform. It's a systematic approach to design that feels personal and alive.
We use CSS custom properties to control the entire colour system. Every recipe page defines its own values for primary, accent, background, and border colours. The HTML structure is identical, but the visual identity shifts completely.
This approach combines the consistency of a design system with the expressiveness of custom palettes. You always know where to find the ingredients, instructions, and nutrition information. But each page feels unique and memorable.
Colour helps you remember. You'll recall the "ocean blue fish recipe" faster than "recipe number three."
Warm tones make comfort food feel cosier. Cool tones make fresh dishes feel lighter. Colour sets the mood.
Same structure, different identity. You learn the layout once, then explore different flavours and palettes.
The colour shift is a small surprise every time you click. It makes browsing recipes more enjoyable.
We use Outfit for headings and Inter for body text — both modern, clean typefaces that stay out of the way and let the colour do the talking. Typography is set at comfortable reading sizes with generous line spacing.
Every recipe page uses the same components: a hero image with overlay, a story section with a coloured border accent, a two-column grid for ingredients and instructions, and a nutrition panel. The layout is fully responsive, collapsing to a single column on smaller screens.
The index page stays neutral — white background with an indigo accent — so the recipe cards can hint at their individual palettes without overwhelming the grid.