Skip to content
HHans Martens Dev
Tag

#design-system

2 posts tagged "design-system".

All posts

System, Light, Dark — How Astro Rocket's Colour-Mode System Works

A 3-state colour-mode system with no flash, live OS-preference tracking, and a pill dropdown that respects what the user actually picked. Here is how it is built.

HHans Martens
2 min read
#astro-rocket#dark-mode#design-system#ux#tutorial

How Astro Rocket's Design System Works — Tokens, Colors, and Dark Mode

Astro Rocket uses a three-tier token architecture with OKLCH colors. Change one value and the entire site updates. Here's how it works and how to make it yours.

HHans Martens
2 min read
#astro-rocket#design-system#tailwind#customization#tutorial