EXP·001 Kinetic Warm — an interactive design experiment

Design Lab · Experiment 001

Make it move.

A hero that responds — type that dodges your cursor, light that drifts, and a button that leans in. Built entirely on Kuickr's Warm Paper tokens. See how it works →

scroll

Six specimens

2026 gallery patterns, rebuilt on the house palette · scroll to reveal

01 · kinetic type

Letters that dodge

Per-glyph repel on cursor proximity with eased return. The headline above is the live version.

move · react · drift · lean · move · react · drift · lean · 
02 · mature glass

Liquid Glass, earned

Frosted panel over a warm mesh.

03 · proximity

Magnetic intent

The CTA leans toward the pointer inside a 150px field, then springs back.

04 · drift light

Generative warmth

Three radial orbs on slow sine paths — a living background at near-zero cost.

05 · grain

Paper texture

SVG turbulence at 5%.

06 · editorial scale

Serif display, oversized

Instrument Serif at a cinematic clamp, paired with a tight mono eyebrow — the 2026 type statement.

Make it move.  Make it move.  Make it move.  

Type with a weight axis

DM Sans variable font · drag to feel the wght axis interpolate live

Weight is motion.

wght 400
Field note: one variable file carries the whole 100–1000 range, so this interaction ships under ~80KB instead of nine static weights. Expressive and fast — the 2026 brief in one line.