# Motus Motion — the motion methodology
### Motion is the mindset. Values in motion.

> Nothing linear. Nothing constant. Nothing without intent.
> Motion is not decoration on the design — motion IS the design, moving.

## The idea
"Motus" — movement with meaning. Every animation is a small performance with an intention,
an action, and a settle. Motion directs attention, teaches relationships, and gives an
interface a temperament: calm, confident, alive. An interface that moves well feels like
it is *thinking with you*; one that moves badly feels like it is happening *to* you.

## The five principles
1. **Anticipation → Action → Settle** — wind up (~150ms), move decisively, land with
   follow-through. Nothing starts or stops abruptly; abruptness reads as malfunction.
2. **One charged thing at a time** — attention is a current flowing to exactly one place.
   The charged element breathes; everything else holds still and lets it speak.
3. **Organic timing** — layered eases, micro-overshoot, slight asymmetry. Two loops never
   in perfect sync; perfection reads as dead, variance reads as alive.
4. **Motion = meaning** — direction shows causality (in from where it came, out toward
   where it goes), speed shows importance, easing shows attitude. A motion that argues
   nothing is cut.
5. **Yield to the reader** — motion serves reading, never competes. On interaction the
   living layer steps aside; reduced-motion users receive a complete, still experience.

## The cadence table
- Micro feedback (press, toggle, hover): **150–400ms** — the InstantSend register: felt, not awaited.
- Reveals and entrances: **600–900ms** — one breath, then stillness.
- Ambient life (auras, breathing, currents): **2.6–4.2s** — a resting heartbeat, never a strobe.
- The rule of one: per viewport, one ambient motion maximum.

## Craft physics
- Animate only `transform`, `opacity`, `box-shadow`, `filter`. Never layout properties.
- Pause everything offscreen and on hidden tabs. Battery is trust.
- Ease of choice: `cubic-bezier(.22,1,.36,1)` — decisive out, soft landing.
- 60fps on a mid-range phone, or cut the least meaningful layer. The reader outranks the effect.

## Worked examples
- **A payment confirmation**: the amount presses in (commitment), a ~1s cyan pulse rings
  once (InstantSend, felt), the balance settles with a soft overshoot. Three acts, one second.
- **A menu opening**: items arrive on staggered beats (40ms apart) — a cadence, not a dump.
- **A stat updating**: the number counts up with an ease-out — arrival, not replacement.
- **This site's door**: two states breathing in turn — the electric one orbits, the human
  one breathes. Identity expressed as tempo.

## Use it when
- Every interaction on every page — this is not a style but a discipline that composes
  with any visual system (porcelain, Nocturne, or Dash.org white).

## In the Dash spirit
Dash settles in about a second — fast enough to *feel* instant, deliberate enough to be
*sure*. That is the exact cadence this system encodes: confident speed with a soft landing.
Motion tuned to the chain it serves.

## The lesson to steal
Cadence is confidence. A calm rhythm with one breathing focus will always outperform a
screen full of spectacle — because the reader can feel who is in control: they are.