Engineering

How white-label tokens flow from one config to your whole UI

Re-theme once and every component follows: colors, radii, spacing and type resolve from a single config file. Here's how the token pipeline works end to end.

Tom Becker

Tom Becker

May 27, 2026 · 5 min read

How white-label tokens flow from one config to your whole UI

Re-theme once and every component follows. Odyssey resolves colors, radii, spacing and type from a single white-label config, so a brand change is one file edit rather than a thousand find-and-replaces.

Why it matters

Odyssey is built code-first: strict types, RSC-safe components and a bundle budget measured in kilobytes. Everything in this post follows from that one decision: design and code share the same tokens, so what you see in Figma is what ships to production.

Where to go next

Browse the blocks library to see these ideas in practice, or wire up the MCP server so your AI tools build against the real component API instead of guessing. Either way, you own the code, with no lock-in.

Continue reading

The Odyssey Dispatch

Be first in, and 10% off.

Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.

One email when it ships. No spam, and you can unsubscribe anytime.