Design health

OpenVibe.Tools

71.5 69 files read at 19232b0, Nov 1, 2026.

Spinners0
No reduced motion0
Hand-set timings34
Hand-set curves0
Colours outside the theme399

Where

25 of 433: the ones that cost most, from as many files as possible. Each opens its line on GitHub.

  1. Timingapps/audio/public/css/style.css:364animation: spin 1.4s var(--ov-ease-out, ease-out) infinite;
  2. Timingapps/docs/public/css/style.css:342animation: spin 1.4s var(--ov-ease-out, ease-out) infinite;
  3. Timingapps/food/public/css/style.css:212.spinner { width:24px; height:24px; border: 3px solid var(--green); --spin-c: var(--green); border-radius:50%; animation: spin 1.4s var(--ov-ease-out, ease-out)
  4. Timingapps/gateway/public/audio.html:68.showcase-tool:nth-child(1) { animation-delay: 0s; animation-duration: 3s; }
  5. Timingapps/gateway/public/codes.html:136.verdict.wait .dot{animation:pulse 1s var(--ov-ease-in-out, ease-in-out) infinite}
  6. Timingapps/gateway/public/dev.html:35.bg-glow::before,.bg-glow::after{content:'';position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;animation:gd 20s var(--ov-ease-in-out, ease-in-ou
  7. Timingapps/gateway/public/img.html:68.showcase-tool:nth-child(1) { animation-delay: 0s; animation-duration: 3s; }
  8. Timingapps/gateway/public/net.html:74animation: glow-drift 20s var(--ov-ease-in-out, ease-in-out) infinite alternate;
  9. Timingapps/img/public/css/style.css:337animation: spin 1.4s var(--ov-ease-out, ease-out) infinite;
  10. Timingapps/maps/public/css/style.css:49.splash-icon { font-size: 64px; color: var(--green); margin-bottom: 16px; animation: float 3s var(--ov-ease-in-out, ease-in-out) infinite; }
  11. Timingapps/text/public/css/shared.css:305animation: livePulse 2s var(--ov-ease-in-out, ease-in-out) infinite;
  12. Timingapps/yt/public/css/style.css:172animation: spin 1.4s var(--ov-ease-out, ease-out) infinite;
  13. Colourapps/text/public/badge.html:35.canvas-wrap { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; text-align: center; width: 100%; displa
  14. Colourapps/text/public/compare.html:28.diff-add { background: rgba(34,197,94,0.15); color: #4ade80; text-decoration: none; }
  15. Colourapps/text/public/ice.html:25background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
  16. Colourapps/text/public/json.html:29.json-key { color: #93c5fd; }
  17. Colourapps/text/public/peso.html:66color: #0b0c12; font-size: 1rem; cursor: pointer;
  18. Colourapps/text/public/slang.html:49.vibe-pill.active { background: var(--accent); color: #0b0c12; border-color: var(--accent); }
  19. Colourapps/text/public/spanish.html:57.cat-pill.active { background: var(--accent); color: #0b0c12; border-color: var(--accent); }
  20. Colourapps/text/public/thumbnail.html:26.thumb-canvas-wrap { position: relative; width: 100%; aspect-ratio: 16/9; background: #0b0c12; display: flex; align-items: center; justify-content: center; }
  21. Colourapps/text/public/title.html:37.preset-btn:hover, .preset-btn.active { border-color: var(--accent); background: rgba(192,150,92,0.1); }
  22. Colourapps/text/public/transparent.html:25.canvas-wrap { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; text-align: center; margin: 2rem 0; bac
  23. Colourapps/text/public/unicode.html:30.char-invisible { background: rgba(255, 0, 0, 0.1); }
  24. Colourapps/text/public/watermark.html:30.drop-zone:hover, .drop-zone.drag-over { border-color: var(--accent); background: rgba(192,150,92,0.05); }
  25. Colourapps/text/public/wordmark.html:27.wm-preview { padding: 2rem 1.5rem; display: flex; align-items: center; justify-content: center; min-height: 100px; background-image: linear-gradient(45deg, #11

Every site · How it is measured · /api/v1/design-health/tools