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.

B Beyond.ms
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.

B Beyond.ms
4 min read
#astro-rocket #design-system #tailwind #customization #tutorial

blog.cta.heading

blog.cta.description

blog.cta.button