Backesc
Ecosystem & tooling · 02 / 12

Kaotypr Design System

One canonical theme. 159 tokens across 13 families. Token names are immutable; values bend per project through a 3-tier override system. Adults, all around.

why it matters
  • 3-tier architecture: Locked stays locked, Brand carries personality, Tunable bends
  • 13 token families: color, font, radius, shadow, motion, sizing, opacity, blur, density, focus-ring, form, layout, z-index
  • Per-project reskinning via ~10 lines of CSS
  • LLM-friendly: dedicated /llm-reference page and /llms.txt for AI agents
  • Powers every Kaotypr product with the same visual language
skills
Design SystemsToken ArchitectureCSS Custom PropertiesMulti-product ThemingAI Agent Integration