Project Primer: A Palette

Origins

A practical design system reference displaying the site's custom Tailwind CSS colour palette. Click any colour swatch to copy its hex code to the clipboard. This is a working developer tool — a visual inventory of the colours that define the site's identity.

Structure

• Colour grid: Renders swatches from lib/color-palette.json, the authoritative source for the site's custom colours
• Click-to-copy: Each swatch copies its hex code to clipboard on click
• Component: ColorPalette component in components/palette/ColorPalette.tsx
• Category: Listed as design-system rather than projects — it's infrastructure, not a standalone creative work

No AI was used. This is a utility page.

Related Projects

• A Grid: Both are structural/visual reference projects rather than narrative works

Agent Guidance

• This is a design system tool, not a creative project — frame it accordingly
• Useful for visitors interested in the site's visual identity and Tailwind configuration
• The colour palette JSON is the single source of truth for the site's colours
• Common questions: "What colours does the site use?" (refer to the palette page), "Can I use these colours?" (they're the site's custom Tailwind theme)