◆ Type · Display Scale
The ladder · 6 tiers · major third
Ratio 1.25 · base 16 px · clamp() responsive
Sora 600 → 800 · uppercase · −0.035em
SCALE PROFILE · display
px values @ 1920-wide canvas
The display ladder uses a major-third ratio (1.25) anchored at 16 px body. Each step is big enough to feel architectural, never so big it crowds the tier below. D2XL is reserved for one moment per page — the shout.
D2XL144px
DXL96px
DLG56px
DMD42px
DSM32px
DXS24px
RATIO
1.25
MAJOR THIRD
STEP×1.25
BASE16 px
FAMILYSora
WEIGHT800
CASEUPPER
WRAPbalance
01D2XL · HERO
Dial out.
Be heard.
SIZEpx / rem144 · 9rem
WEIGHTblack800
LETTERtight−0.045em
LEADINGcompress0.88
USEone-per-pagehero only
CLAMPresp64 → 144
02DXL · H1
Every call,
every carrier.
SIZEpx / rem96 · 6rem
WEIGHTblack800
LETTERtight−0.03em
LEADINGratio0.92
USEH1section lead
CLAMPresp48 → 96
03DLG · H2
The predictive dialer.
SIZEpx / rem56 · 3.5rem
WEIGHTbold700
LETTERtight−0.025em
LEADINGratio1.0
USEH2section head
CLAMPresp36 → 56
04DMD · H3
Carriers, on your side.
SIZEpx / rem42 · 2.625rem
WEIGHTsemibold700
LETTERtight−0.02em
LEADINGratio1.1
USEH3card / block
CLAMPresp30 → 42
05DSM · H4
A handset reimagined.
SIZEpx / rem32 · 2rem
WEIGHTsemibold600
LETTERsnug−0.015em
LEADINGratio1.15
USEH4feature
CLAMPresp24 → 32
06DXS · OVERLINE
Built for the room where things get decided.
SIZEpx / rem24 · 1.5rem
WEIGHTsemibold600
LETTERnormal−0.01em
LEADINGratio1.25
USEkickercard title
CLAMPresp20 → 24