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 ยท System Layer ยท 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
Tokens
Typography
Typography
Active profilePlatform Flagship
Runtime postureRottay / modern
Color, spacing, radius, motion, shadow, and typography foundations.
Runtime controls
Typography gives the system its voice before color or motion ever shows up.
The showroom needs more than a ramp of font sizes. It needs a hierarchy model: headline, supporting copy, diagnostics, dense tables, and callouts that remain readable across tenants, engines, and screen densities.
Primary familyGeist SansBody and interface text.
Diagnostic familyGeist MonoCode, tokens, and measurements.
Scale shape7 sizes / 4 weightsEnough range without noise.
SpecimenClear hierarchy makes premium docs feel trustworthy.Use bold contrast for headlines, comfortable body rhythm for explanation, and mono only where measurement matters.tokens.typography.fontSize + fontWeight + lineHeight
Font families and roles
Sans + mono
UI / editorialThe quick brown fox jumps over the lazy dogHeadings, body, lists, metrics, labels, and narrative content.
Measurement / codeThe quick brown fox jumps over the lazy dogToken values, snippets, diagnostics, data labels, and compact technical readouts.
Size ramp
7 sizes
xs0.75rem
Meta, captions, helper text
The quick brown fox jumps over the lazy dog
sm0.875rem
Dense body copy, tables
The quick brown fox jumps over the lazy dog
md1rem
Default application body
The quick brown fox jumps over the lazy dog
lg1.125rem
Section intros, stat labels
The quick brown fox jumps over the lazy dog
xl1.25rem
Module headings
The quick brown fox jumps over the lazy dog
2xl1.5rem
Page headings
The quick brown fox jumps over the lazy dog
3xl1.875rem
Editorial feature headlines
The quick brown fox jumps over the lazy dog
Weight ladder
4 weights
normalThe quick brown fox jumps over the lazy dog400
mediumThe quick brown fox jumps over the lazy dog500
semiboldThe quick brown fox jumps over the lazy dog600
boldThe quick brown fox jumps over the lazy dog700
Line-height behavior
Reading rhythm
Tight1.25
Premium documentation depends on stable reading rhythm, not just bigger headings.
Normal1.5
Premium documentation depends on stable reading rhythm, not just bigger headings.
Relaxed1.75
Premium documentation depends on stable reading rhythm, not just bigger headings.
Size / weight matrix
400
500
600
700
xs
Aa
Aa
Aa
Aa
sm
Aa
Aa
Aa
Aa
md
Aa
Aa
Aa
Aa
lg
Aa
Aa
Aa
Aa
xl
Aa
Aa
Aa
Aa
2xl
Aa
Aa
Aa
Aa
3xl
Aa
Aa
Aa
Aa
Typography usagePaste-ready example that shows the base contract first.