DTGen — Design Token Generator

A web application I built to solve a problem every design system faces on day one: generating a coherent, well-structured token set without starting from a blank page.

Context / problem

Every new design system starts the same way — a designer manually defining color scales, spacing units, and type ratios, one value at a time, with no consistent method for deriving them. I built DTGen to remove that friction: a tool that generates a complete, structured token set from a small set of inputs, instead of hours of manual guesswork.

What it does

DTGen imports primitives from established sources — Tailwind, Ant Design, Open Color, or a custom JSON file — and generates coherent palettes in HSL, LCH, or OKLCH from a handful of base colors. It also configures typographic scales using custom ratios, and saves configurations for reuse across projects. The goal isn't to replace design judgment; it's to remove the repetitive part of the work so that judgment can focus on what actually matters — consistency and intent.

Why it matters

DTGen reflects the same instinct behind Agentica, at a smaller scale: don't solve the same foundational problem twice. It's a practical tool built from a real recurring frustration, not a theoretical exercise.

Status / proof