04 / Typography

Three families. Clear roles.

Inter Tight carries almost all text. IBM Plex Mono is for data and metadata. Instrument Serif is only for rare editorial emphasis. There is no fourth family.

Inter Tight ≈ 90%IBM Plex Mono ≈ 7%Instrument Serif ≈ 3%
Specimens

Families and weights.

Primary — UI, content, headingsApproved
Inter Tight
Regular 400Medium 500SemiBold 600Bold 700
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 · ! ? & @ € Rp % ( ) — “ ”
Data — dates, status, codes, referencesApproved
IBM Plex Mono
Regular 400Medium 500
SAB 14 NOV 2026 · 19.00 CET · ZERNIKE CAMPUS · REF-2026-011
Editorial — rare, short emphasisApproved
Instrument Serif
Regular 400Italic 400
Dari Groningen, untuk Indonesia.
Scale

The website type scale.

Desktop sizes from the website typography governance. On small screens headings scale down progressively — never force desktop sizes onto mobile.

Heading 1
68 px / 110%
Studying in Groningen, returning for Indonesia
Heading 2
52 px / 120%
Studying in Groningen, returning for Indonesia
Heading 3
40 px / 120%
Studying in Groningen, returning for Indonesia
Heading 4
32 px / 130%
Studying in Groningen, returning for Indonesia
Heading 5
24 px / 140%
Studying in Groningen, returning for Indonesia
Heading 6
20 px / 140%
Studying in Groningen, returning for Indonesia
Lead
18 px / 150%
Studying in Groningen, returning for Indonesia
Body
16 px / 150%
Studying in Groningen, returning for Indonesia
Secondary
14 px / 150%
Studying in Groningen, returning for Indonesia
Caption
12 px / 150%
Studying in Groningen, returning for Indonesia

Approved docs/PRD_TYPOGRAPHY_FONT_GOVERNANCE.md §6.

In practice

UI and long-form.

UI example

PROGRAM · SAB 14 NOV 2026

Public discussion: energy and the city

One primary message, metadata in Plex Mono, and one primary action.

See details

Example Sample content, not a real event.

Long-form example

Many journeys begin alone. In Groningen, some of those journeys meet — in classrooms, in shared kitchens, in conversations that continue after the event ends.

Arrive with a purpose. Return with experience.

Ideal line length 60–75 characters. One Instrument Serif pull quote per article at most. Proposal — needs approval

Licences & sources

All fonts are openly licensed.

FontLicenceCopyrightSource
Inter TightSIL OFL 1.1The Inter Project Authors (2022)github.com/rsms/inter-tight
IBM Plex MonoSIL OFL 1.1IBM Corp. (2017)github.com/IBM/plex
Instrument SerifSIL OFL 1.1The Instrument Serif Project Authors (2022)github.com/Instrument/instrument-serif

Licences and attributions verified from the Fontsource packages used by this build; full licence texts: Inter Tight, IBM Plex Mono, Instrument Serif. This portal self-hosts its fonts, with no requests to Google Fonts.