No. XIIMotion

Slow. Exponential.
Never bouncy.

Headlines arrive by word-stagger. Letters typewrite. Cards lift on hairlines, not transforms. The brand does not wink. Hover over the cards below to feel each easing curve.

3 Easing curves 0.4s Default duration Reduced-motion honoured
IEasing

Three curves. Hover to feel them.

--ease-silk

Silk · default editorial

cubic-bezier(0.22, 1, 0.36, 1) · the canonical curve, used for ~90% of UI motion.

--ease-velvet

Velvet · slow exponential

cubic-bezier(0.16, 1, 0.30, 1) · for headlines, hero pinning, the manifesto reveal.

--ease-breath

Breath · pulse

cubic-bezier(0.40, 0, 0.20, 1) · slow in-out for the caret and ambient pulses.

No bounce. No spring overshoot. No easeInOutBack. The brand does not wink. Linear curves are reserved for the marquee.

IIDurations

Long for content. Short for state.

120 ms Hover state on text (link colour, underline scale-x) silk
400 ms Buttons · background, border, arrow translate silk · default
700 ms Underline-draw on hovered link silk
900 ms Cursor-engaged ring · 0.57 → 1 scale silk
1200 ms Headline word-stagger · per word, 80ms offset velvet
1800 ms Manifesto "Twenty Years" blur-out / year-in velvet
30–60 s Marquee · 60s linear loop linear
IIITypographic motion

Words arrive. The brand never bounces.

reveal-line · word-stagger
This
is
not
a
review
tool.

Each word inside a clipped mask. Translates from translateY(105%) → 0 on velvet, 80ms stagger.

typewriter · caret

handsome@goodthings.co

Caret pulses on the breath curve. The input is a sentence, not a form value.

link · underline-draw

Hover this customer language to draw a left-to-right clay underline.

scale-x: 0 → 1 · 700ms silk · transform-origin left. Never a static underline on hover.

manifesto · blur swap

Twenty years.

The opener blurs out as the year blurs in. 1800ms velvet.

IVThe marquee · continuous, linear, paused on reduced-motion

A drenched peacock band, set in motion.

No tracking ◆ No newsletter ◆ Every applicant answered by hand ◆ No tracking ◆ No newsletter ◆ Every applicant answered by hand ◆ No tracking ◆ No newsletter ◆

60-second linear loop. Diamond fleurons between phrases. The marquee is one of the brand's two uses of motion-as-rhythm; the other is the citation counter.

VHover & press states

Colour and border do the work. Never scale, never glow.

Buttons · paper side

Hover: ink fill, paper text, arrow +4px. 400ms silk. Mirrored on ink.

Cards · resting → lift
Rest
Hover · brighter rule

Card → Lift shadow. Just perceptible. Never a transform on hover.

VIReduced motion

Vestibular triggers stop. The rest stays.

Honoured under prefers-reduced-motion: reduce

  • Marquee (loop)
  • Caret blink
  • Cursor-engaged ring scale
  • Manifesto blur cycle

Kept for everyone

  • Button hover transitions
  • Underline-draw on links
  • Card hairline brighten
  • Page transitions (no parallax)

These are state changes, not vestibular-trigger loops. They communicate; they don't decorate.