LPDP GRONINGEN / CORE
Typography & Spacing
Three approved font families and layout rhythm from existing implementation.
Three roles, not competing styles
Inter Tight dominates UI, content and headings. IBM Plex Mono is limited to functional metadata. Instrument Serif is a rare editorial accent. Do not load a fourth font or use serif for every heading.
Inter Tight — Aa Bb 01234
IBM Plex Mono / DATA 2026
Instrument Serif — Editorial
Rhythm and content width
The current brand portal uses a 1216px content maximum, responsive padding clamp(20px, 4vw, 48px), and clamp()-based type scaling. These are observed brand-portal implementation values, not a newly approved ecosystem-wide rule.
.container { max-width: 1216px; padding-inline: clamp(20px, 4vw, 48px); margin-inline: auto; }