Design language
Motion
Motion do / don’t for E-FACTS product and docs chrome
Motion
Motion should create presence and hierarchy — not noise. Docs chrome keeps transitions short; primary actions get a subtle press scale.
Do
- Press scale 0.98 on primary actions
- 160ms color transitions on hover
- Honor prefers-reduced-motion
- Use motion for hierarchy, not decoration
Don't
- Bounce or loop nav chrome
- Purple glow / neon AI defaults
- Animate every list row on scroll
- Overlay badges on hero media
Specs we ship
| Interaction | Behavior |
|---|---|
| Primary press | scale(0.98) |
| Hover color | ~160ms ease-out |
| Reduced motion | Disable non-essential transitions |
| Nav | No looping / bouncing decoration |
| Homepage receipt marquee | Left → right along the path (startOffset −50% → 0%); pause when prefers-reduced-motion |
| Gradient orbs | Static atmosphere only — see Color · Gradient circles |