Design System Token Generator

Configuration

Root Font Size

100% 16px base

62.5% 10px base

Minimum Viewport (mobile)

Maximum Viewport (desktop)

Base Size Min (rem)

Base Size Max (rem)

Ratio Mobile

Ratio Desktop

Base Size Min (rem)

Base Size Max (rem)

Ratio

Base Size Min (rem)

Base Size Max (rem)

Ratio

Generate tokens to see live preview

/* Click "Generate Tokens" to see output */

/* Click "Generate Tokens" to see output */

/* Click "Generate Tokens" to see output */