Design health

OpenVibe.Today

97.5 3 files read at 9af31db, Nov 1, 2026.

Spinners0
No reduced motion0
Hand-set timings5
Hand-set curves3
Colours outside the theme9

Where

All 17. Each opens its line on GitHub.

  1. Timingpublic/css/today.css:37.td-pill.is-live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: td-pulse 1.4s ease-in-out infinite; }
  2. Curvepublic/css/today.css:37.td-pill.is-live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: td-pulse 1.4s ease-in-out infinite; }
  3. Timingpublic/css/today.css:48.td-ev-link { display: flex; align-items: center; gap: 14px; padding: 10px 14px 10px 10px; border-radius: 16px; border: 1px solid var(--border, #1f2d47); backgr
  4. Timingpublic/css/today.css:48.td-ev-link { display: flex; align-items: center; gap: 14px; padding: 10px 14px 10px 10px; border-radius: 16px; border: 1px solid var(--border, #1f2d47); backgr
  5. Timingpublic/css/today.css:73html.ov-motion .td-ring-dot { animation: td-dot-in .6s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i) * 90ms + 200ms); }
  6. Curvepublic/css/today.css:73html.ov-motion .td-ring-dot { animation: td-dot-in .6s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i) * 90ms + 200ms); }
  7. Timingpublic/css/today.css:95html.ov-motion .td-demo-toast { animation: td-toast 4.5s ease-in-out infinite; }
  8. Curvepublic/css/today.css:95html.ov-motion .td-demo-toast { animation: td-toast 4.5s ease-in-out infinite; }
  9. Colourpublic/css/today.css:36.td-pill.is-live { background: var(--live-red, #e11d48); color: #fff; }
  10. Colourpublic/css/today.css:37.td-pill.is-live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: td-pulse 1.4s ease-in-out infinite; }
  11. Colourpublic/css/today.css:92.td-demo-toast { display: flex; align-items: center; gap: 12px; margin-left: 10%; padding: 12px 14px; border-radius: 16px; background: var(--bg-elevated, var(--
  12. Colourpublic/css/today.css:206.td-remind-out.is-bad { color: #f87171; }
  13. Colourpublic/css/today.css:252.td-wi.is-band { --k: color-mix(in srgb, var(--room-accent) 55%, #22c55e); }
  14. Colourpublic/css/today.css:306.td-remind-ok { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 10px; border-radius: 16px; background: color-mix(in srgb, #22c55e
  15. Colourpublic/css/today.css:306.td-remind-ok { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 10px; border-radius: 16px; background: color-mix(in srgb, #22c55e
  16. Colourpublic/css/today.css:308.td-notice--bad { padding: 12px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, #ef4444 50%, var(--border, #1f2d47)); background: color-mix(in s
  17. Colourpublic/css/today.css:308.td-notice--bad { padding: 12px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, #ef4444 50%, var(--border, #1f2d47)); background: color-mix(in s

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