Runtime fingerprintToken readout from the active provider chain.
Live DS
Runtime
Platform
Rottay
Rottay / ModernPlatform Flagship
Primary
#0A0A0ASecondary #6B6B6B
Radius
14pxxl 18px
Density
normalBorder-light cards
Accent
Badge
Compact runtime evidence across 3+ token signals.
Published DS package ยท Live Sandbox ยท Rottay / modernShared route metadata for the active runtime, kept inline so the shell reads like a thin header band.
Palette
#0A0A0ARottay
Chrome
Modernrenderer posture
Radius
14pxsurface shape
Density
normalPlatform Flagship
Theme Builder
Theme Builder
Theme Builder
Active profilePlatform Flagship
Runtime postureRottay / modern
Tune palette, typography, and surface behavior with immediate feedback.
Runtime controls
Theme Builder
3 brands, 1 component tree
Compare tenant identity the way a product team actually ships it: side by side, with the same markup and different runtime theme variables.
Each column uses its own DesignSystemProvider and tenantSlug, so the difference you see is the brand system doing real work instead of a hand-edited mock.
Hold constant
Insight
Same component treeEvery column renders the same inputs, buttons, cards, and badges so the brand shift is easy to trust.
Inspect closely
Insight
Palette, surface depth, and chromeBrand work should show up in neutral surfaces and controls, not just in obvious accent colors.
Why it matters
Insight
One system, multiple product voicesThe DS should support Platform, BitHire, and Evnto without forcing teams into branch-specific components.
Trust signals
Rottay
Modern
Platform Flagship
Same componentsThe preview uses the same inputs, buttons, and badges in every column.
Different tenantOnly the tenantSlug changes, so the visual drift is easy to trust.
Variable-drivenColor, radius, shadow, and chrome all move through runtime theme tokens.
Current runtimeLive provider chain
Live
Rottay
Modern
The BrandTheme System
Each tenant can define a BrandTheme that controls approximately 140 CSS custom properties. These variables are organized into categories and injected at runtime by the ThemeProvider. The merge chain is:
1
DS base tokensDefault values for all ~140 CSS variables