Typography & Grid

One typeface.
Used precisely.

02
Display face
Measurable
performance
Text face

OKELIS integrates sustainability certification, ESG, carbon accounting and advanced building-performance analysis. Body copy is set at 9.1 pt on a 1.58 line height for comfortable reading at A4, with headings tracked tightly for a contemporary, engineered feel.

118
Numerals, Display Thin
−32%
Accent numerals
Why this typeface

SF Pro is Apple's system typeface, a contemporary neo-grotesque with exceptionally clean numerals and a wide optical-size range. It reads as modern and engineered rather than corporate or generic, and it holds up at both 6 pt caption and 40 pt display.

Two optical variants are used: SF Pro Display for headings, numerals and short labels; SF Pro Text for body copy, where its wider spacing and taller apertures improve legibility at small sizes.

Section labels are set in sentence case with no added tracking, marked by a short accent rule. The wide-tracked capital kicker above a headline, and the coloured left border on callouts, have both been designed out.

Type scale
Display31–39 pt · Light / Semibold · −0.028 em
Section head18 pt · Semibold · −0.022 em
Sub head11.4 pt · Semibold
Lead11.8 pt · Light · −0.016 em
Body9.1 pt / 1.58
Statistics29 pt · Thin · −0.038 em
Page geometry
FormatA4 portrait, 210 × 297 mm
Margins16 mm sides · 15 mm head · 14 mm foot
Grid12 columns · 4 mm gutter
Twelve-column grid

Standard layouts use 6 + 6, 7 + 5, 5 + 7 and 4 + 4 + 4 divisions. Statistics and icon sets run on 3 + 3 + 3 + 3.

The system is built on tokens, so an alternative licensed typeface can be substituted without redrawing any layout. Four pairings can be compared live in the review link.

Typography & Grid 03