03Typografie

TYPOGRAFIE

Unbounded roept: breed, zwaar, in hoofdletters, voor de paar woorden die ertoe doen. DM Sans doet de rest: line-ups, tijden, adressen, chat. Allebei open source, onder de SIL Open Font License.

UnboundedDisplay · 700 en 900

VANAVOND IN UTRECHT

Altijd hoofdletters, in 700 of 900.
Spatiëring -0,02 tot -0,04 em, regelhoogte rond 1.
Hooguit twee regels, één keer per scherm.
Ook voor grote getallen en het woordmerk.

DM SansTekst · 400 tot 700

Nachtwerk: All Night Long in Utrecht. Deuren 23:00, laatste entree 02:00. Twaalf vrienden gaan.

Gewone zinnen: een hoofdletter aan het begin, de rest klein.
Spatiëring 0. Labels in hoofdletters op 11 tot 13 px krijgen +0,06 tot +0,1 em.
Minimaal 13 px in de interface. 11 px alleen voor badges en kickers, in hoofdletters en 600 of 700.

Schaal

StijlMaat en regelhoogteVoorbeeld

Display56 / 1,0 · Unbounded 900PARTYPPL

H136 / 1,1 · Unbounded 900VANAVOND IN AMSTERDAM

H224 / 1,2 · Unbounded 700LINE-UP

Titel18 / 1,3 · DM Sans 700Nachtwerk: All Night Long

Tekst16 / 1,5 · DM Sans 400Drie podia, een nacht. Tickets via PartyPPL.

Meta13 / 1,4 · DM Sans 500Za 12 okt · 23:00 tot 07:00 · Utrecht

Kicker11 · DM Sans 700 · +0,1 emVANAVOND

Waar haal je ze

Beide letters zijn gratis, ook voor commercieel gebruik. Haal ze bij de officiële bron. Op partyppl.nl laden we ze zelf, zonder verzoek naar Google.

Unbounded

Ontwerp: NaN

Google Fonts Bron op GitHub SIL Open Font License 1.1

DM Sans

Ontwerp: Colophon Foundry

Google Fonts Bron op GitHub SIL Open Font License 1.1

In CSS

--display: "Unbounded", system-ui, sans-serif;
--sans: "DM Sans", system-ui, sans-serif;

h1 {
  font-family: var(--display);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 1;
}
body {
  font-family: var(--sans);
  font-weight: 400;
}

Geen Unbounded bij de hand?