School of Gains · Presented by PaperGains
Motion
Quick and subtle. Motion confirms an action; it never decorates.
| Token | Value | Use |
|---|---|---|
--sog-motion-duration-fast | 120ms | Press, toggle |
--sog-motion-duration | 200ms | Hover, focus, tabs |
--sog-motion-duration-slow | 320ms | Modal, accordion |
--sog-motion-ease | cubic-bezier(0.2, 0.8, 0.2, 1) | Everything |
Try it
Hover lift (-2px)
Rules
- Respect
prefers-reduced-motion. Disable lifts and scroll animations. - No autoplaying carousels in place of content. Users advance them.
- Pulses are only for the "Live" status dot.