Design health

OpenVibe.Actor

89.3 12 files read at 94cccf8, Nov 1, 2026.

Spinners0
No reduced motion0
Hand-set timings27
Hand-set curves12
Colours outside the theme18

Where

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

  1. Timingpublic/css/actor.css:68.mode span { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border, #1f2d47); b
  2. Timingpublic/css/actor.css:68.mode span { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border, #1f2d47); b
  3. Timingpublic/css/actor.css:111.tl-item { display: grid; grid-template-columns: 52px 1fr; gap: 10px; font-size: .9rem; position: relative; animation: step-in .25s ease-out; }
  4. Curvepublic/css/actor.css:111.tl-item { display: grid; grid-template-columns: 52px 1fr; gap: 10px; font-size: .9rem; position: relative; animation: step-in .25s ease-out; }
  5. Timingpublic/css/actor.css:135.dot-pulse { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--accent, #3b82f6); animation: pulse 1.2s ease-in-out infinit
  6. Curvepublic/css/actor.css:135.dot-pulse { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--accent, #3b82f6); animation: pulse 1.2s ease-in-out infinit
  7. Timingpublic/css/chat.css:17overflow-y: auto; overscroll-behavior: contain; transform: translateX(-104%); transition: transform .26s cubic-bezier(.2, .8, .2, 1); box-shadow: 0 0 40px rgba(
  8. Curvepublic/css/chat.css:17overflow-y: auto; overscroll-behavior: contain; transform: translateX(-104%); transition: transform .26s cubic-bezier(.2, .8, .2, 1); box-shadow: 0 0 40px rgba(
  9. Timingpublic/css/chat.css:37.cs-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--accent, #f97316); animation: ct-breathe 1.6s ease-in-out infinite; }
  10. Curvepublic/css/chat.css:37.cs-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--accent, #f97316); animation: ct-breathe 1.6s ease-in-out infinite; }
  11. Timingpublic/css/chat.css:60.ct-turn.is-new .ct-bubble { animation: ct-rise .32s cubic-bezier(.2, .8, .2, 1) both; }
  12. Curvepublic/css/chat.css:60.ct-turn.is-new .ct-bubble { animation: ct-rise .32s cubic-bezier(.2, .8, .2, 1) both; }
  13. Timingpublic/css/chat.css:64.ct-turn[data-open] .ct-avatar { animation: ct-breathe 1.6s ease-in-out infinite; }
  14. Curvepublic/css/chat.css:64.ct-turn[data-open] .ct-avatar { animation: ct-breathe 1.6s ease-in-out infinite; }
  15. Timingpublic/css/chat.css:73.cw-chev { flex: none; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition:
  16. Timingpublic/css/chat.css:76-webkit-background-clip: text; background-clip: text; color: transparent; animation: ct-shimmer 2.2s linear infinite; font-weight: 550; }
  17. Timingpublic/css/task.css:8.ps { position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; padding: 5px 0; color: var(--text-secondary, #96a7c2); line-heig
  18. Curvepublic/css/task.css:8.ps { position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; padding: 5px 0; color: var(--text-secondary, #96a7c2); line-heig
  19. Timingpublic/css/task.css:16.ps.is-active .ps-mark { border-color: var(--accent, #3b82f6); animation: ps-pulse 1.4s ease-out infinite; } /* the step on now: a ring that pulses out, never
  20. Curvepublic/css/task.css:16.ps.is-active .ps-mark { border-color: var(--accent, #3b82f6); animation: ps-pulse 1.4s ease-out infinite; } /* the step on now: a ring that pulses out, never
  21. Timingpublic/css/task.css:28color: var(--accent-light, #60a5fa); background: color-mix(in srgb, var(--accent, #3b82f6) 15%, transparent); border: 1px solid color-mix(in srgb, var(--accent,
  22. Timingpublic/css/task.css:51.ev-item { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border, #1f2d47); background: var(--bg-primary, #0a0f1c); scroll-margin-top: 80px; t
  23. Timingpublic/css/task.css:51.ev-item { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border, #1f2d47); background: var(--bg-primary, #0a0f1c); scroll-margin-top: 80px; t
  24. Timingpublic/css/task.css:91.follow-form { display: flex; align-items: flex-end; gap: 8px; padding: 6px 6px 6px 14px; border-radius: 16px; border: 1px solid var(--border-light, #2c3d5c); b
  25. Timingpublic/css/task.css:91.follow-form { display: flex; align-items: flex-end; gap: 8px; padding: 6px 6px 6px 14px; border-radius: 16px; border: 1px solid var(--border-light, #2c3d5c); b

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