Kinetic Typography

Typography as the entire interface: enormous high-contrast monochrome type that moves — marquees ticking past, headlines assembling letter by letter, variable-font weights breathing under the cursor, words scrubbing with scroll. Layout, imagery, and ornament are all replaced by motion applied to letters.

Primary action

Card

Signature element

The variable-font morph: a viewport-filling headline whose weight (and width axis, when available) animates live — swelling from 400 to 900 under the cursor or on scroll — making the letterforms themselves the interactive material.

Palette

bg
#0a0a0a
text
#fafafa
text-muted
#8a8a8a
accent
#ff4d00
bg-inverse
#fafafa
text-inverse
#0a0a0a