Design System v15 — Type in Motion
Where every letter has a life of its own.
Kinetic Type treats the letterform not as a passive vessel for language, but as a charged particle. Each character carries velocity, memory, and intention. Words don't simply appear — they ARRIVE.
This system defines typography as choreography. The Bebas Neue display face cuts like a press plate — sharp, industrial, deliberate. Instrument Serif breathes beneath it, adding the warmth of a hand-composed paragraph. Together they perform.
The page is ALIVE. Nothing rests. Hover anything. Scroll everything. Watch.
TYPE SCALE SPECIMEN
COMPONENT LIBRARY
Kinetic call-to-action. Letter-spacing expands on hover, creating a sense of breath.
Micro-typographic identifiers. Bebas Neue in tight tracking creates dense information blocks.
"The best typefaces are the ones that disappear — and then the good ones come back and demand to be seen."
SOURCEFull-bleed typographic statements. The word is the image. Size is the hierarchy.
EXPLORENavigation as typographic composition. Each label a micro-headline.
Content cards defined entirely by type hierarchy. No decorative imagery needed.
COLOUR PALETTE