02 // TYPOGRAPHY
TYPOGRAPHY
TYPE SCALE & FONT RULES
Typefaces
Font Families
BARLOW
BARLOW CONDENSED
DISPLAY // HEADLINES // UI LABELS
SOURCE Google Fonts
FALLBACK 'Arial Narrow', Arial, sans-serif
300 400 600 700 800 900
· Always uppercase. No sentence case.
· Tight line-height: 0.88-1.0 for display sizes.
· The default weight for UI is 700. Go heavier (800-900) for impact.
IMPORT
https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;600;700;800;900&display=swap SHARE
SHARE TECH MONO
SERIALS // CODE // DATA READOUTS // CLASSIFICATIONS
SOURCE Google Fonts
FALLBACK 'Courier New', monospace
400
· Purely technical contexts only. Never for headlines or UI labels.
· Serial numbers, timestamps, hex values, system readouts, barcode labels.
· Color: --slag (#666660) for secondary data, Burn Orange for highlighted data.
IMPORT
https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap Advisory
Body Text
This system is designed for interface labels, status readouts, and display compositions. It does not define a body text style. Barlow Condensed is always uppercase and Share Tech Mono is reserved for technical data.
If your application requires paragraphs, pair DECKPLATE with a body typeface of your choice. Please note that the CLI installation method does not impose any font imports, so it is completely up to you to adhere to these recommendations.
Scale
Type Scale
DISPLAY
clamp(3rem, 10vw, 7.5rem)
Weight: 900
Track: 0.06em
LH: 0.88
Weight: 900
Track: 0.06em
LH: 0.88
Hero titles, section openers, poster headlines. One per composition.
HEADLINE XL
clamp(2rem, 6vw, 4.5rem)
Weight: 900
Track: 0.06em
LH: 0.92
Weight: 900
Track: 0.06em
LH: 0.92
Major section headings or secondary titles.
HEADLINE LG
clamp(1.4rem, 3.5vw, 2.8rem)
Weight: 800
Track: 0.08em
LH: 1.0
Weight: 800
Track: 0.08em
LH: 1.0
Sub-section headings, card titles, feature callouts. Typically in Burn Orange.
LABEL MD
1.15rem
Weight: 700
Track: 0.18em
LH: 1.1
Weight: 700
Track: 0.18em
LH: 1.1
Component labels, nav items, form labels, table headers.
LABEL SM
0.8rem
Weight: 600
Track: 0.22em
LH: 1.2
Weight: 600
Track: 0.22em
LH: 1.2
Secondary labels, metadata, small callouts. Typicall in Slag.
MONO / SERIAL
0.65rem
Weight: 400
Track: 0.15em
LH: 1.6
Weight: 400
Track: 0.15em
LH: 1.6
All technical text. Serial numbers, barcodes, timestamps, hex codes, system classifications.
Weight Spectrum
Barlow Condensed Weight
WEIGHT 300
MACRO-TELEMETRY REFINEMENT
WEIGHT 400
MACRO-TELEMETRY REFINEMENT
WEIGHT 600
MACRO-TELEMETRY REFINEMENT
WEIGHT 700
MACRO-TELEMETRY REFINEMENT
WEIGHT 800
MACRO-TELEMETRY REFINEMENT
WEIGHT 900
MACRO-TELEMETRY REFINEMENT