Changelog

New Border Radius lesson in Spacing and Layout

Radius as a personality signal, a radius scale, and the concentric-corners formula (inner = outer − padding) — with a live playground demo, plus radius guidance added to the copyable spacing AI prompt.

Added the Color module

Twelve lessons covering why color is a system, choosing a hue, OKLCH, building ramps and full palettes, grays, perceived brightness, using accent sparingly, accessibility, gradients, dark mode, and a reusable color system — each with interactive demos.

Added a live palette builder

Paste any accent color and get a full 100–900 ramp generated in OKLCH.

Added the Spacing and Layout module

Eight lessons from “Why Spacing Makes or Breaks a Design” through to a reusable spacing system with a copyable AI prompt.

Polished the spacing demos

Guide overlays you can toggle, phone mockups for the responsive examples, and a “fix everything” master toggle on the audit demos.

Added the Typography module

Twelve lessons covering typefaces, scale, weight, line height, spacing, alignment, tabular numbers, contrast, rendering, and a full reusable type system.