← Design System  ·  Typography

DM Sans variable.

Ein einziges Variable Font File, Gewichte 100–1000 & Italics. Geladen über design-tokens/tokens.css. Nutze font-weight: 300…700 für den Alltag.

300 · LightA design system for the agentic era300
400 · RegularA design system for the agentic era400
500 · MediumA design system for the agentic era500
600 · SemiboldA design system for the agentic era600
700 · BoldA design system for the agentic era700
400 · ItalicA design system for the agentic era400i
700 · Bold ItalicA design system for the agentic era700i

Files

Beide Files werden automatisch über @font-face in tokens.css eingebunden — keine manuelle Einbindung nötig.

DMSans-VariableFont_opsz_wght.ttf ↓ DMSans-Italic-VariableFont_opsz_wght.ttf ↓

Preview type specimens

preview/type-display.html → preview/type-section-heading.html → preview/type-body.html → preview/type-overline.html →