Skip to content
A Astro Rocket
Tag

#design-system

2 posts tagged "design-system".

All posts

System, Light, Dark: How Colour Mode Works

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

H Hans Martens
5 min read
#astro-rocket #dark-mode #design-system #ux #tutorial

The Design System: Tokens, Colours, 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.

H Hans Martens
4 min read
#astro-rocket #design-system #tailwind #customization #tutorial

Ready to build?

Clone Astro Rocket, pick a theme, and launch your next project in minutes.

Get Started