Token Forge

Generate base UI design tokens following Practical UI design principles. Create a consistent design system with colors, typography, spacing, and radius values.

Get Started
1

Brand Colors

Select your primary brand colors and generate a complete color palette

2

Typography

Choose fonts and define your typography scale for consistent text styling

3

Spacing & Radius

Define component spacing and border radius values for consistent layouts

4

Export

Export your design tokens in various formats (CSS, JSON, JS)