Poise

Live artifact

Try each control. Notice what does not happen: no glow, no bounce, no unsolicited sound.

Thesis

Principle

• 01

  Purpose earns motion

  Motion is present only when it clarifies state change. The wordmark mark breathes to keep the brand alive; the button settles to prove the press registered.

• 02

  Economy is intelligence

  One accent family, short durations, no secondary spectacle. If three effects compete, remove two.

• 03

  Preference is part of craft

  Sound and motion follow each visitor’s preference. Reduced motion and mute are first-class states.

Portable contract

Source contract: Design system contract v0.4.5 · Contract home

Implementation notes

Builder prompt

Build interaction feedback that feels finished and restrained.

Rules:
1. Primary press: scale(0.97) over ~160ms using ease-out. No bounce.
2. Wordmark mark: opacity breath only (about 3s cycle). No blur, no shadow glow.
3. Sound is opt-in via a single toggle; store preference; default off when prefers-reduced-motion.
4. Hover lift only under (hover: hover) and (pointer: fine).
5. prefers-reduced-motion collapses non-essential animation to near-zero duration.
6. Cite contract tokens (accent, ease-out, duration) or name an open tension.
7. Public name must sound like a shipped product.

Review checklist

Provenance

Anti-patterns

Remix notes

Reuse the press settle and preference model on any Designesy surface. Keep the wordmark breath on the mark itself, out of cards, icons, and backgrounds. If a new control needs feedback, start from press + focus-visible before inventing a new motion.

Lab anatomy coverage

Verification

Experiments in this lab

Field check