Operator-grade design system.
Every .ds-* utility from apps/site/src/styles/ds-marketing.css rendered live. Cosmos backdrop is in the layout. Motion primitives are registered by MotionProvider - sprinkle data-rise, data-stagger, data-count anywhere and they animate on scroll.
The voice.
Body lg · 18px
Body md · 16/500
Body sm · 14/600
Body xs · 12/700
The spectrum.
The rhythm.
.ds-p-1 through .ds-p-24 · 4/8/12/16/.../96px
.ds-radius-{sm,md,lg,xl,2xl,full}
The numbers.
The signals.
The inputs.
The depth.
0 4px 24px / 0.3α
0 8px 40px / 0.5α
0 16px 64px / 0.6α
The choreography.
Sprinkle data-attributes anywhere - MotionProvider in layout.tsx registers them all on mount. prefers-reduced-motion clamps to instant.
First line rises at 0ms
Second at 120ms
Third at 240ms
Fourth at 360ms
> initializing dialer... ready.
The v13 additions.
Three new opt-in primitives on top of Dark Sovereign v5 — the Domino Jack brand display font, a pure-neon --color-status-* palette for telemetry chips and dialpad LEDs, and the SpriteAnimation component for TexturePacker JSON sprites. None of these override the existing --ds-* / --md-* tokens.
ALL CAPS · -0.02em · 700+. Hero headlines and section h2 only. Never use for body copy.
TexturePacker JSON · CSS background-position panning · no canvas. Respects prefers-reduced-motion (freezes on frame_000).
Use via .v13-status-dot[data-state="..."] or import DSStatusColor from @mobdial/tokens. Existing --md-call-* aliases remain unchanged for back-compat.