11 min read
Tailwind v4 Theme: Design Tokens That Actually Scale
Tailwind v4 ships a native @theme directive that replaces tailwind.config.js and makes design tokens first-class CSS.
The Lab · Written in the open · Tagged Design System
Lab.
Working notes from the studio. The tools I build, the workflows I keep, the mistakes I paid for.
4 entries · latest 2026-05-05
Latest entry
5 Type Scales I Use in 2026 (And the One I Quietly Dropped)
Major-third 1.250 stays my default for product UI because it scales without drama Perfect-fourth 1.333 carries marketing pages where the headline must do real work Augmented-fourth 1.414 fits dashboards where six type levels need clear hierarchy Golden ratio 1.618 reads...
Read the entry
Latest entry · Lab note
All entries · Design System
8 min read
5 Figma Plugins AI Still Cannot Replace in 2026
Five Figma plugins that still beat AI in 2026: Stark, Tokens Studio, Autoflow, Design Lint, Figmotion. A craft…
9 min read
Dark Mode Design That Doesn't Look AI
Stop building dark mode that looks like every AI template. Off-black backgrounds, contrast hierarchy, and spacing systems fix…