KINETIC
Kinetic — Motion & Type Foundry Five live axes WGHT 100–1000 · WDTH 25–151

We draw letterforms for the moving screen. Every face we ship is a variable font, every axis is wired to human input, and this page is the proof — it is set in one typeface with no images at all. Move your cursor through the headline and the letters answer.

01 Manifesto Three positions, held since our first face

STILLNESS WAS A LIMIT OF METAL.

Letterpress fixed every glyph in lead, and five centuries of habit followed the mould. The constraint outlived its cause: a modern screen redraws a letter one hundred and twenty times each second, yet most typography still behaves as if it were bolted to a press bed. We design for the medium we have, and the medium we have moves.

Position I — On the press bed

AN AXIS IS AN INSTRUMENT.

A variable font is a design space, and its axes are playable. Weight carries volume, width carries pace, optical size carries distance, and grade carries pressure without shifting a single line break. When those parameters answer to the reader's hand, typography becomes the voice itself — every heading on this page is listening to your pointer right now.

Position II — On the design space

MOTION MUST MEAN SOMETHING.

Animation without intent is decoration, and decoration is the first thing a deadline deletes. A headline that gains weight as it enters your view is performing emphasis. A marquee that darkens when you scroll hard is measuring your urgency. Every movement on this page maps one human input to one typographic axis — nothing loops for its own sake.

Position III — On restraint
02 Process How a kinetic face is made

Draw the extremes

Every face begins at its outer masters — a hairline and a black, a compressed and an extended. The extremes set the emotional range of the family; everything between them is earned by interpolation.

Audit the space

We walk the design space between masters and proof every intermediate weight at every width. An interpolation kink at some unglamorous coordinate like 640/85 is still a broken letter, and broken letters do not ship.

Bind axes to intent

Cursor velocity drives weight. Scroll pressure drives grade and slant. Position in the viewport drives the scrub. Each binding is tuned by hand — spring constants, falloff radii, decay — until the response feels physical.

Review at speed

A face is judged in motion before it is judged at rest. We run every glyph through its full travel at sixty frames a second, and anything that stutters mid-interpolation goes back to the drawing office.

03 Specimen Roboto Flex — the house instrument
WGHT 100Kinesis moves the pageCaptions in motion
WGHT 250Kinesis moves the pageLong-form quiet
WGHT 400Kinesis moves the pageReading weight
WGHT 580Kinesis moves the pageInterface labels
WGHT 750Kinesis moves the pageHeadlines at rest
WGHT 1000Kinesis moves the pageFull shout

Momentum

04 Credo What the drawing office believes

A TYPEFACE IS FINISHED WHEN IT MOVES THE WAY IT MEANS.

On ornamentNothing on this page is an image, a border effect, or a texture pasted over the type. The letterforms carry the whole design, and they are strong enough to do it.

On performanceEvery animation here runs on axes the font already contains. The browser interpolates outlines it has in memory — no video, no canvas, no sprite sheets.

On the readerMotion follows your hand and your scroll, and it stops the moment you ask it to. Readers who prefer reduced motion receive this page frozen — a still specimen of the weight range instead of a moving one.