Tag

#Design Systems

Every article tagged Design Systems, in one place.

2 articles
2 min of reading
07 Jul, 2026 last updated

Showing 2 articles

Modern CSS & Tailwind 1 min read

Modern CSS Colour: oklch(), color-mix() and Relative Colours

#hex and rgb() describe colours the way screens produce them, not the way people see them. Newer CSS colour functions make palettes more consistent and easier to generate. oklch(): perceptual colour :root { /* oklch(lightness chroma hue) */ --brand-300: oklch(...

07 Jul, 2026 Author 853 121

Read article

Modern CSS & Tailwind 1 min read

Dark Mode with CSS Variables and light-dark()

Good dark mode isn't just inverted colours. It needs its own palette, respects the user's system setting, and lets them override it. 1. Use semantic colour variables :root { --bg: #ffffff; --surface: #f8fafc; --text: #0f172a; --muted: #64748b; --brand: #0d9488...

26 Apr, 2026 Author 237 35

Read article