Design health

OpenVibe.Live

0 119 files read at 111c174, Nov 1, 2026.

Spinners0
No reduced motion0
Hand-set timings194
Hand-set curves7
Colours outside the theme1,615

Where

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

  1. Timingpublic/banned.html:17background: radial-gradient(120% 90% at 50% 115%, #4a0b0b 0%, #1a0708 45%, #0b0a0d 75%); animation: breathe 6s var(--ov-ease-in-out, ease-in-out) infinite; }
  2. Timingpublic/css/broadcast.css:281animation: pulse-live 1.5s infinite;
  3. Timingpublic/css/context-cards.css:16.cc-timeline i { position: absolute; top: -2px; bottom: -2px; min-width: 6px; border-radius: 3px; background: var(--accent); box-shadow: 0 0 10px var(--accent),
  4. Timingpublic/css/cosmetics.css:17animation: nameFxRainbow 3s linear infinite;
  5. Timingpublic/css/features/broadcast.css:1176animation: pulse-live 1.5s infinite;
  6. Timingpublic/css/features/channel.css:45animation: mic-bar-pulse 1.2s var(--ov-ease-in-out, ease-in-out) infinite;
  7. Curvepublic/css/features/chatpage.css:356.vc-channel-item.is-leaving { animation: vcRowOut var(--ov-dur-2, 200ms) ease-in forwards; }
  8. Timingpublic/css/features/content.css:452animation: cfSweep 1.5s var(--ov-ease-in-out, ease-in-out) infinite;
  9. Timingpublic/css/features/dashboard.css:9.pc-dot-on { background: #53fc18; box-shadow: 0 0 6px rgba(83,252,24,0.6); animation: pcDotPulse 2.2s var(--ov-ease-in-out, ease-in-out) infinite; }
  10. Timingpublic/css/features/featured.css:24.hf-live i { font-size: 0.5rem; animation: hfBlink 1.6s var(--ov-ease-in-out, ease-in-out) infinite; }
  11. Timingpublic/css/features/home.css:31.hero-egg-icon { font-size: 1.3rem; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.4)); animation: eggWobble 3.5s var(--ov-ease-in-out, ease-in-out) infinite; }
  12. Curvepublic/css/features/stats.css:8.sn-overlay.is-closing { animation: snFadeOut var(--ov-dur-2, 160ms) ease-in forwards; }
  13. Timingpublic/css/home-fx.css:110.hb:hover::after, .hb:focus-visible::after { opacity: 1; animation: hbOrbit 1.6s linear infinite; }
  14. Timingpublic/css/home-tour.css:32.tour-wire { fill: none; stroke-width: 1.6; stroke-linecap: round; stroke: color-mix(in srgb, var(--text-primary) 22%, transparent); stroke-dasharray: 5 7; anim
  15. Timingpublic/css/i18n-star.css:29cursor: help; animation: i18nPulse 3s var(--ov-ease-in-out, ease-in-out) infinite;
  16. Timingpublic/css/media-player.css:82animation: mp-pulse 1.4s var(--ov-ease-out, ease-out) infinite; /* a ring that pulses out: nothing spins */
  17. Timingpublic/css/ov-guide.css:80.ovg-big { font-size: 1.1rem; padding: 14px 28px; box-shadow: 0 12px 34px color-mix(in srgb, var(--accent) 45%, transparent); animation: ovgPulse 2.2s var(--ov-
  18. Timingpublic/css/style.css:251animation: nav-live-pulse 1.5s var(--ov-ease-in-out, ease-in-out) infinite;
  19. Timingpublic/index.html:78.ovsk::after,.ovsk-bar::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--text-primary,#f1f4f
  20. Timingpublic/kiosk.html:146box-shadow:0 0 12px var(--red);animation:pulse 1.6s infinite
  21. Timingpublic/obs/alerts.html:32.al::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.22) 50%, tr
  22. Timingpublic/obs/chat.html:55animation: msg-fade 1s var(--ov-ease-out, ease-out) forwards;
  23. Timingpublic/obs/scene.html:25.sc-light.a { background: var(--accent, var(--o)); left: -18vmax; top: -24vmax; animation: scDriftA 28s var(--ov-ease-in-out, ease-in-out) infinite alternate; }
  24. Colourpublic/css/chat-shared.css:15box-shadow: 0 8px 24px rgba(0,0,0,0.4);
  25. Colourpublic/css/features/docs.css:9.doc-table tr:hover td { background: rgba(var(--accent-rgb, 99,102,241), 0.04); }

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