Design Systems

Visual explorations of design systems, token architecture, and the principles behind great digital products.

Design SystemsColor Science
Design Systems

Top Brands Design Principles

19 design systems — Apple, Google, Stripe, Linear, IBM, Figma, and more — mapped across 8 dimensions. A physics-based force graph, radar comparisons, bubble matrix, divergence rankings, and a 48-year timeline.

19 BrandsForce GraphRadar Chart30 min read
Design Systems

N-Dimensional Token Matrix

Every design token lives at a point in N-dimensional space. Slide dimensions live — color, radius, shadow, typography, spacing, motion, state — and watch 25 tokens cascade in real-time across a live component preview.

7 DimensionsLive PreviewReal-time CSS15 min read
Design Systems

MIME — Design Token Learning Platform

Five interactive tools: Token Flow mind map tracing primitive→semantic→component chains, N-Dim Matrix, Decision Simulator with live WCAG audit, Token Debt Lab with before/after code diffs, and a scored Naming Game.

5 ToolsQuiz & ScoringWCAG Audit35 min read
Color Science

Color Encyclopedia

A comprehensive interactive reference for 20 color systems — from sRGB and OKLCH to CMYK, ACES, and CAM16/HCT. Eight views: magazine grid, chronological timeline, domain map, hardware layers, use cases, compare table, color lab, and concepts guide.

20 SystemsColor ScienceCSS Level 420 min read