Design health

OpenVibe.Bot

90.8 13 files read at d1e2bfc, Nov 1, 2026.

Spinners0
No reduced motion0
Hand-set timings12
Hand-set curves5
Colours outside the theme100

Where

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

  1. Timingpublic/directory.css:31.dir-card { background: var(--bg-secondary, #101828); border: 1px solid var(--border, #1f2d47); border-radius: 14px; display: flex; flex-direction: column; tran
  2. Timingpublic/directory.css:115.sd-status[data-state="waiting"] .sd-dot, .sd-status[data-state="installing"] .sd-dot { background: #f59e0b; animation: sd-pulse 1.4s ease-in-out infinite; }
  3. Curvepublic/directory.css:115.sd-status[data-state="waiting"] .sd-dot, .sd-status[data-state="installing"] .sd-dot { background: #f59e0b; animation: sd-pulse 1.4s ease-in-out infinite; }
  4. Timingpublic/home.css:27.hm-stats a { display: grid; gap: 2px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--border, rgba(255, 255, 255, .08)); background: var(--bg-
  5. Timingpublic/home.css:34.hm-card { display: flex; flex-direction: column; min-width: 0; border-radius: 16px; border: 1px solid var(--border, rgba(255, 255, 255, .08)); background: var(
  6. Timingpublic/panel.css:29touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: background 0.12s, border-color 0.12s, transform 0.06s;
  7. Timingpublic/panel.css:29touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: background 0.12s, border-color 0.12s, transform 0.06s;
  8. Timingpublic/panel.css:29touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: background 0.12s, border-color 0.12s, transform 0.06s;
  9. Timingpublic/panel.css:71.estop-banner[data-latched="true"] .estop-dot { background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); animation: pulse 1.2s ease-in-out infinite; }
  10. Curvepublic/panel.css:71.estop-banner[data-latched="true"] .estop-dot { background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); animation: pulse 1.2s ease-in-out infinite; }
  11. Timingpublic/panel.css:83.online[data-state="connecting"] .dot { animation: pulse 1s ease-in-out infinite; }
  12. Curvepublic/panel.css:83.online[data-state="connecting"] .dot { animation: pulse 1s ease-in-out infinite; }
  13. Timingpublic/panel.css:123box-shadow: 0 6px 14px rgba(0, 0, 0, 0.55); transition: transform 0.12s ease-out;
  14. Colourpublic/directory.css:43.dir-browser { color: #a78bfa; } .dir-phone { color: #f472b6; } .dir-onboard { color: #22c55e; } .dir-bridge { color: #f59e0b; } .dir-server { color: #38bdf8; }
  15. Colourpublic/directory.css:43.dir-browser { color: #a78bfa; } .dir-phone { color: #f472b6; } .dir-onboard { color: #22c55e; } .dir-bridge { color: #f59e0b; } .dir-server { color: #38bdf8; }
  16. Colourpublic/directory.css:43.dir-browser { color: #a78bfa; } .dir-phone { color: #f472b6; } .dir-onboard { color: #22c55e; } .dir-bridge { color: #f59e0b; } .dir-server { color: #38bdf8; }
  17. Colourpublic/directory.css:43.dir-browser { color: #a78bfa; } .dir-phone { color: #f472b6; } .dir-onboard { color: #22c55e; } .dir-bridge { color: #f59e0b; } .dir-server { color: #38bdf8; }
  18. Colourpublic/docs.css:37.docs-main .error { border: 1px solid rgba(239, 68, 68, .45); background: rgba(239, 68, 68, .08); border-radius: 10px; padding: 12px 14px; }
  19. Colourpublic/docs.css:37.docs-main .error { border: 1px solid rgba(239, 68, 68, .45); background: rgba(239, 68, 68, .08); border-radius: 10px; padding: 12px 14px; }
  20. Colourpublic/docs.css:38.docs-main [role="status"] strong { color: #22c55e; }
  21. Colourpublic/home.css:13.hm-term { border-radius: 16px; background: #0b1220; color: #e6edf7; border: 1px solid rgba(148, 163, 184, .25); box-shadow: var(--shadow-lg, 0 18px 50px rgba(0
  22. Colourpublic/home.css:13.hm-term { border-radius: 16px; background: #0b1220; color: #e6edf7; border: 1px solid rgba(148, 163, 184, .25); box-shadow: var(--shadow-lg, 0 18px 50px rgba(0
  23. Colourpublic/home.css:13.hm-term { border-radius: 16px; background: #0b1220; color: #e6edf7; border: 1px solid rgba(148, 163, 184, .25); box-shadow: var(--shadow-lg, 0 18px 50px rgba(0
  24. Colourpublic/home.css:14.hm-term-top { display: flex; align-items: center; gap: 6px; margin: 0; padding: 10px 14px; background: rgba(148, 163, 184, .1); font-size: 12.5px; }
  25. Colourpublic/home.css:15.hm-term-top span { width: 10px; height: 10px; border-radius: 50%; background: #f87171; }

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