Basis

Typografie

Twee families, drie gewichten, negen groottes. Hiërarchie komt uit grootte en ruimte, niet uit zwaarte.

Families

Aa

Funnel Display

Koppen en display. Altijd gewicht 500.

Aa

Manrope

Alles wat je leest. 400 voor tekst, 500 voor nadruk en knoppen, 600 alleen voor eyebrows en badges.

Schaal

Gebruik alleen deze groottes. Groottes ertussen bestaan niet.

--text-display 64 / 1 Funnel Display 500

Rustig en precies

--text-h1 48 / 1.05 Funnel Display 500

Ontwerp voor founders

--text-h2 32 / 1.15 Funnel Display 500

Van idee naar interface

--text-h3 24 / 1.25 Funnel Display 500

Scope en planning

--text-h4 20 / 1.3 Funnel Display 500

Wat er in v1 zit

--text-lead 18 / 1.55 Manrope 400

Een of twee zinnen die de kern geven in gewone taal.

--text-body 16 / 1.6 Manrope 400

Lopende tekst. Manrope 400, regelhoogte 1.6, maximaal ongeveer 65 tekens per regel zodat het rustig leest.

--text-small 14 / 1.5 Manrope 400

Knoppen, labels, tabellen en interface-tekst.

--text-caption 12 / 1.4 Manrope 400

Bijschriften, helptekst en meta.

Details

Voorstel · Freelance opdracht

Eyebrow. Manrope 12, 600, hoofdletters, tracking 0.12em, muted. Scheiden met een middot, nooit met een streepje.

€ 1.240,00
€ 12.800,00

Getallen. In tabellen, tellers en bedragen altijd tabular-nums, zodat cijfers onder elkaar uitlijnen.

Wel en niet

Scope en planning

Hiërarchie door grootte en ruimte, kop in 500.

Wel

SCOPE EN PLANNING

Zwaar, hoofdletters, verkeerde familie.

Niet

Geen gewicht 700 of hoger, geen koppen in hoofdletters, geen Manrope voor koppen.