Tag

#design-system

2 posts tagged "design-system".

#design-system
#astro-rocket
#features
#tutorial
#ux
#animation
#customization
#components
#configuration
#performance

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.

H Hans Martens

May 6, 2026 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.

H Hans Martens

March 16, 2026 2 min read

#astro-rocket #design-system #tailwind #customization #tutorial