Canon CSS Starter

Unify · "Have I built this before?"

5 minutes to consistent design. WCAG AA. Golden ratio spacing. The same tokens running on 4 production sites.

When to Use This

  • You want a minimal CSS foundation
  • You need consistent tokens across projects
  • You prefer patterns over starting from zero

What This Removes

  • Decision fatigue over colors and spacing
  • Inconsistent visuals across projects
  • Design choices that drift over time

How It Works

  • npm install @create-something/canon
  • Import tokens.css or canon.css
  • Golden ratio spacing, semantic colors, motion
  • Works with Tailwind or plain CSS

Proof: CREATE SOMETHING Monorepo

The same tokens powering .io, .space, .agency, .ltd

Open sourceWCAG AA compliantGolden ratio spacing
See case study →
Free 5 minutes
Install from npm →