Change one value, restyle the whole site
Design tokens are your site’s shared vocabulary: the brand color, the fonts, the corner radius, the spacing scale. Every block reads from them. Nudge the primary color from teal to navy and the buttons, links, and highlights on every page shift together. No hunt, no missed corners.
Site-wide colors
Define your palette once. Every block that uses the primary color updates when the token does.
Fonts as tokens
Set your heading and body typefaces in one place. Swap them later and the whole site re-dresses itself.
Radius and spacing
Sharp and dense, or round and airy. Corner radius and spacing tokens set the personality across every block.
Light and dark values
Each token can hold a light and a dark value, so your site looks intentional in both modes without doubling the work.
Consistency for free
Because blocks read tokens instead of hardcoding values, new pages match the old ones automatically.
Design tokens, in three steps.
Set your tokens
Pick your colors, fonts, radius, and spacing in the design settings. This is your brand, written down once.
Build with blocks
Every block you add reads from the tokens automatically. You never re-pick the brand color on page twelve.
Change your mind freely
Rebrand, tweak, or just experiment. Edit a token and watch the entire site follow in real time.
Questions about design tokens.
Short answers, no fine print. Anything else, ask a human.
Talk to usMore of the toolbox
Get design tokens from day one.
Everything on this page ships with DragDrop at launch, included from the first click. Join the waitlist and you will be first in line when early access opens.
Free plan at launch · Early access invites · One click unsubscribe