Updates & Thinking
Technical writing, design decisions, and release notes from the Sigil UI team. How tokens, presets, and compositional rules produce consistent interfaces at any scale.
Introducing Sigil UI
The token-driven design system that replaces scattered Tailwind overrides with a single source of truth. One file, 519 tokens, 46 presets.
Why Presets Beat Themes
Traditional libraries give you components. Sigil gives you components plus a complete visual identity you can swap in one command.
The Alignment Rail System
How margins, gutters, and content widths compose into a structural grid that adapts from mobile to ultrawide.
Migrating from shadcn/ui
A step-by-step guide to moving from shadcn/ui to Sigil. Keep your components, gain token control.
Building with Agents
How AI agents use sigil.tokens.md as a contract. One file, deterministic visual output, no drift.
The OKLCH Color System
Why we chose OKLCH for all 35 color tokens. Perceptual uniformity, P3 gamut, and predictable dark mode.
Anatomy of a Preset
What goes into a preset's 519 tokens across 33 categories. From colors to motion to code block syntax highlighting.
The Playbook Pattern
Ten compositional rules that make any page 'just work'. Gap-pixel grids, mono labels, border stacks, and density DNA.
Stay in the loop.
New presets, components, and design thinking — delivered when we ship, not on a schedule.