Tag

#design-system

2 posts tagged "design-system".

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

System, Light, Dark — How Farmers Cabin Fitness'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.

A Ashlee Muscroft

May 6, 2026 2 min read

astro-rocket dark-mode design-system ux tutorial

How Farmers Cabin Fitness's Design System Works — Tokens, Colors, and Dark Mode

Farmers Cabin Fitness 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.

A Ashlee Muscroft

March 16, 2026 2 min read

astro-rocket design-system tailwind customization tutorial