Runtime fingerprintToken readout from the active provider chain.
Live DS
Runtime
PlatformRottay
Rottay / ModernPlatform Flagship
Primary
#FFFFFFSecondary #A0A0A5
Radius
Compact runtime evidence across 3+ token signals.
Published DS package · System Layer · Rottay / modernShared route metadata for the active runtime, kept inline so the shell reads like a thin header band.
Spacing is infrastructure for dense UI. These steps control inline gaps, stack rhythm, panel padding, and page cadence without resorting to arbitrary pixel picks.
Featured read
What to validate
Default card padding, section cadence, and whether engine density still preserves semantic step meaning.
Steps
13
0 through 12
Default rhythm
16px
Common component padding
Section cadence
40px
Module separation
Density scale
1.000x
Resolved against 16px baseline
Authoring rule
Think in semantic steps and layout intent first, not one-off pixel tweaks.
Current baseline
spacing[4] resolves to 16px and spacing[8] resolves to 40px on this page.
Full scale
The base scale runs from 0 to 96px. Engines can resolve those steps slightly differently without breaking layout intent.
13 steps
Engines
Icons
Primitives93 documented routes
Display
Inputs
Feedback
Layout
Navigation
Overlay
Patterns49 documented routes
Data
Forms
Visualization
Communication
Feedback
Workflow
Navigation
Commerce
Customization
Identity
Shell
Structures24 documented routes
Headers
Workspace
Shell
Record
Dashboard
Feedback
Surfaces36 documented routes
Admin
Data
Experience
Forms
Operations
Workspace
Verticals3 documented routes
Platform
Bit Hire
Evnto
Playground1 documented routes
Playground
Developers2 documented routes
Developers
14pxxl 18px
Density
normalBorder-light cards
Accent
Badge
roundedtop bar · solid dividers
TokensSpacing
Spacing
Active profilePlatform Flagship
Runtime postureRottay / modern
Color, spacing, radius, motion, shadow, and typography foundations.
Runtime controls
TenantRottay
EngineModern
00pxbase 0px
Reset / collapse
14pxbase 4px
Inline micro gap
28pxbase 8px
Icon + label
312pxbase 12px
Small stack rhythm
416pxbase 16px
Default card padding
520pxbase 20px
Panel separation
624pxbase 24px
Generous content block
732pxbase 32px
Section separation
840pxbase 40px
Page sub-section
948pxbase 48px
Hero breathing room
1064pxbase 64px
Page-level framing
1180pxbase 80px
Large module gap
1296pxbase 96px
Maximum roomy rhythm
Engine density comparison
Same semantic spacing keys, different tactile feel.
Classic vs Modern vs Rustic
Common layout recipes
Compact toolbargap 2 / padding 3Icons, labels, and filters stay tight without touching.
Standard cardpadding 4 / stack 3The default admin module baseline.
Feature sectionpadding 6 / gap 6Used where copy and examples need extra air.
Editorial heropadding 8-10Reserve the largest steps for framing moments.
Spacing usagePaste-ready example that shows the base contract first.