Specimen I // Display Scaling
Geometric authority at every scale—same token, infinite range.
Space Grotesk at maximum negative tracking. Weight 700 at any size. No optical size tricks—pure token geometry applied with machine-like consistency from mobile to ultra-wide.
Kinetic
Digital Precision
Specimen II // Editorial Headlines
From hero to section—one weight stop, infinite editorial range.
600 weight at −0.02em tracking delivers authority without aggression. Step down to 32px and the same voice holds across section headers and feature callouts.
The architect of modern interfaces.
Curating the technical aesthete through purposeful design patterns.
Specimen III // Body Variants
Manrope—three densities for every reading context.
Standard for articles. Medium for lead paragraphs. Small for captions and supporting copy. One typeface, three optical densities, legible on dark and light surfaces.
Our standard body text is optimised for long-form reading on dark surfaces. The Manrope typeface provides a warmth that balances the mechanical sharpness of display styles. It ensures high legibility across all screen densities.
Medium variants are used for lead paragraphs and introductory content. The increased weight provides a subtle hierarchy shift without requiring a typeface or colour change.
The small variant handles secondary information, descriptions and supporting copy. Tighter leading optimises space while slightly increased tracking aids clarity at reduced scales.
Specimen IV // Technical Utility
Labels, captions, tags and tabular numerals—the utility layer.
Mono for precision metadata. Bold-caps for system labels. Italic Manrope for captions. Tabular figures for numerical alignment. Every non-prose string has a defined role.
System.init()
12px · Bold · 0.1emFigure 1.0: Typography hierarchy in oklch space.
12px · Italic · Manrope1,240.50
30px · Light · Tabular