03Typography

TYPOGRAPHY

Unbounded shouts: wide, heavy, all caps, for the few words that matter. DM Sans does everything else: line-ups, times, addresses, chat. Both are open source, under the SIL Open Font License.

UnboundedDisplay · 700 and 900

TONIGHT IN UTRECHT

Always uppercase, in 700 or 900.
Tracking -0.02 to -0.04 em, line height around 1.
Two lines at most, once per screen.
Also for big numbers and the wordmark.

DM SansText · 400 to 700

Nachtwerk: All Night Long in Utrecht. Doors 23:00, last entry 02:00. Twelve friends are going.

Sentence case: a capital at the start, the rest lowercase.
Tracking 0. Uppercase labels at 11 to 13 px get +0.06 to +0.1 em.
At least 13 px in the interface. 11 px only for badges and kickers, uppercase, 600 or 700.

Scale

StyleSize and line heightSample

Display56 / 1.0 · Unbounded 900PARTYPPL

H136 / 1.1 · Unbounded 900TONIGHT IN AMSTERDAM

H224 / 1.2 · Unbounded 700LINE-UP

Title18 / 1.3 · DM Sans 700Nachtwerk: All Night Long

Body16 / 1.5 · DM Sans 400Three stages, one night. Tickets via PartyPPL.

Meta13 / 1.4 · DM Sans 500Sat 12 Oct · 23:00 to 07:00 · Utrecht

Kicker11 · DM Sans 700 · +0.1 emTONIGHT

Where to get them

Both fonts are free, commercial use included. Get them from the official source. On partyppl.nl we serve them ourselves, without a request to Google.

Unbounded

Design: NaN

Google Fonts Source on GitHub SIL Open Font License 1.1

DM Sans

Design: Colophon Foundry

Google Fonts Source on 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;
}

No Unbounded at hand?