HOOFDSTUK 04 · TYPOGRAFIE

Typografie¶

Drie lettertypen, elk met een vaste rol: Space Grotesk voor koppen, DM Sans voor lopende tekst en JetBrains Mono voor eyebrows en code. Zo staan ze live op atlascorporation.org, zelf gehost als variabele woff2 (latin).

Koppen · Space Grotesk · 500 tot 700, hero-h1 900

Je systemen, eindelijk gekoppeld.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 €&@

Broodtekst · DM Sans · 400 tot 700

Je belt of mailt en je krijgt iemand die het echt heeft gebouwd.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 €&@

Eyebrows en code · JetBrains Mono · 400 tot 600

ATLAS CORPORATION

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 {} []

Lettertypen¶

Rol	Lettertype	Gewichten (canon)	CSS-stack
Koppen (display)	Space Grotesk	500-700; hero-h1 900	`"Atlas Space Grotesk", "Space Grotesk", "Atlas DM Sans", sans-serif`
Broodtekst	DM Sans	400-700	`"Atlas DM Sans", "DM Sans", "Atlas Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif`
Eyebrows, code	JetBrains Mono	400-600	`"Atlas JetBrains Mono", "JetBrains Mono", "Cascadia Code", monospace`
Alleen fallback	Inter	400-800	in de stack hierboven

Op het web staan ze als @font-face onder de naam "Atlas ..." (zelf gehost, variabele woff2, latin). Bestanden: fonts/canon-woff2/.

Schaal¶

Display XL
700 · 64 px / 1,02Je systemen, eindelijk gekoppeld.

Display L
700 · 48 px / 1,05Je systemen, eindelijk gekoppeld.

Display M
700 · 34 px / 1,1Je systemen, eindelijk gekoppeld.

h1
800 · 32 px / 1,15Je systemen, eindelijk gekoppeld.

h2
700 · 24 px / 1,25Je systemen, eindelijk gekoppeld.

h3
600 · 18 px / 1,3Je systemen, eindelijk gekoppeld.

h4
600 · 15 px / 1,4Je systemen, eindelijk gekoppeld.

Body groot
400 · 18 px / 1,65Je belt of mailt en je krijgt iemand die het echt heeft gebouwd.

Body
400 · 16 px / 1,65Je belt of mailt en je krijgt iemand die het echt heeft gebouwd.

Body klein
400 · 14 px / 1,6Je belt of mailt en je krijgt iemand die het echt heeft gebouwd.

Label
500 · 13 px / 1,4Je belt of mailt en je krijgt iemand die het echt heeft gebouwd.

Kicker
600 · 12 px / 1,3,ATLAS CORPORATION · TILBURG

Code
400 · 13 px / 1,55data-website-id="5"

Hero-h1: Space Grotesk, clamp(42px, 4.6vw, 78px), gewicht 900, regelhoogte 1,06, tracking -0,035 em. Sectiekop (.section-title): Space Grotesk, clamp(30px, 4vw, 52px), 700, regelhoogte 1,06, tracking -0,015 em. Lead: clamp(15px, 1.5vw, 18px), regelhoogte 1,7, kleur text-3, maximaal 60 tekens breed. Odoo-koppen (website): h1-h6 Space Grotesk 700, kleur text-1; h1 tracking -0,015 em.

Tracking¶

Gebruik	Waarde
Hero-h1	-0,035 em
Koppen, sectietitel	-0,015 em
Eyebrow / kicker	0,19 em (11 px, JetBrains Mono, 500, hoofdletters, kleur merk 400, tekstgloed `0 0 18px rgba(46,128,255,.55)`)
Footerkoppen	0,14 em (11 px, 600, hoofdletters)
Tabelkop	0,08 em (11 px, 600, hoofdletters)
Algemeen breed	0,12 em / 0,13 em

ZO ZIET EEN EYEBROW ERUIT

Regels¶

Koppen in Space Grotesk, nooit in DM Sans. Eyebrows altijd mono met merk-400 kleur.
Tekstkleuren op donker: koppen text.1 (92%), body text.2 (72%), secundair text.3 (60%). Zie kleurenpalet.md voor contrast.
Geen extra lettertypen toevoegen. Sub-merken gebruiken hun eigen (Works/Agency: Inter, Space Grotesk, JetBrains Mono, Agency kop: Inter Tight), zie hieronder; niet mengen met de kern.

Sub-merken¶

Merk	Koppen	Body	Mono
Atlas Works	Space Grotesk	Inter	JetBrains Mono
Atlas Agency	Inter Tight	Inter	JetBrains Mono
Atlas Academy	Space Grotesk	DM Sans	n.v.t.

Inter Tight is niet meegeleverd (alleen Agency-site); gebruik Inter als de Agency-site niet beschikbaar is.

Office en e-mail: fallbacks¶

De canon beschrijft geen Office-fallbacks; onderstaande is een praktische aanbeveling (geen canon).

Situatie	Koppen	Body	Mono
Word, PowerPoint met geinstalleerde TTF's (`fonts/ttf/`)	Space Grotesk	DM Sans	JetBrains Mono
Zonder installatie (ontvanger heeft het lettertype niet)	Arial (vet)	Calibri of Arial	Consolas
E-mail (webfonts niet betrouwbaar)	`'Space Grotesk', Arial, sans-serif`	`'DM Sans', Arial, sans-serif`	`'JetBrains Mono', Consolas, monospace`
Systeem-stack (web, geen eigen fonts)	`system-ui`	`system-ui`	`ui-monospace`

Tip voor Office-bestanden die extern gaan: exporteer naar PDF (lettertypen worden ingebed) of sluit lettertypen in via Bestand, Opties, Opslaan, "Lettertypen insluiten".

Licentie¶

Space Grotesk, DM Sans, JetBrains Mono en Inter zijn uitgebracht onder de SIL Open Font License 1.1. Je mag ze gebruiken, insluiten en meeleveren. Houd de licentietekst erbij. Zie Downloads voor de bestanden.