# Designesy — /labs/poise Canonical page: https://www.designesy.org/labs/poise --- ## Poise How Designesy responds when someone touches it. Poise studies restrained interaction: a quiet wordmark, a short press, an optional sound preference, and full respect for reduced motion. If the response is louder than the action, it fails. ## Live artifact Try each control. Notice what does not happen: no glow, no bounce, no unsolicited sound. designesy. ** Muted ** Checking this device ## Thesis Contact should feel intentional. Feedback exists to confirm the action. Restraint is the product quality. ## 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 Rules adopted into design system contract v0.1.1. Check a rule off as your surface adopts it. ** **0** / 7 adopted Source contract: [Design system contract v0.4.5](/contracts#design-system-contract) · [Contract home](/contracts/design-system) ## Implementation notes ``` 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 - [Orb · WebGL2 in Designesy blue — Six parameters, one-line embed · painted from Martin Štrba’s editor at postgeneric.com](https://www.designesy.org/labs/poise/orb) ## Field check ### Poise · public review Design Review applied to this lab. Eight dimensions, holds, tensions, and corrections: the kit output format made public for Lab One. - [Keyboard path verification — Tab order, focus-visible, activation, reduced motion](https://www.designesy.org/review/poise/keyboard)