Theme Studio

Visually manipulate your semantic design and website identity.

Configure your site's global identity tokens.

Appearance Mode

Global spatial rules, font families, and container elevation parameters.

sans Font Tokens

Custom (Inter, system-ui, -apple-system, sans-serif)

mono Font Tokens

Custom (ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)

xstext-xs

smtext-sm

basetext-base

lgtext-lg

xltext-xl

2xltext-2xl

3xltext-3xl

xsp-xs

smp-sm

mdp-md

lgp-lg

xlp-xl

2xlp-2xl

nonerounded-none

smrounded-sm

mdrounded-md

lgrounded-lg

xlrounded-xl

fullrounded-full

noneshadow-none

xsshadow-xs

smshadow-sm

mdshadow-md

lgshadow-lg

xlshadow-xl

Typography & layout tokens — upgrade to unlock