Canon CSS Starter

Unify · "Have I built this before?"

5 minutes to consistent design. WCAG AA compliant, golden ratio spacing, the same tokens powering 4 production sites.

When to Use This

  • You want a minimal, principled CSS foundation
  • You need consistent tokens across projects
  • You prefer established patterns over starting from scratch

What This Removes

  • Decision fatigue over color/spacing/typography
  • Inconsistent visual language across projects
  • Arbitrary design choices that drift over time

How It Works

  • npm install @create-something/components
  • Import tokens.css or canon.css
  • Golden ratio spacing, semantic colors, motion tokens
  • Works with Tailwind or pure 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 →