Design health

OpenVibe.Wiki

97.4 2 files read at b87a839, Nov 1, 2026.

Spinners0
No reduced motion0
Hand-set timings6
Hand-set curves3
Colours outside the theme7

Where

All 16. Each opens its line on GitHub.

  1. Timingpublic/css/vibe.css:14.wk-vibe-sizes span { display: block; height: 100%; padding: 10px 12px; border: 1px solid var(--wk-line); border-radius: 12px; background: var(--wk-panel); tran
  2. Timingpublic/css/vibe.css:14.wk-vibe-sizes span { display: block; height: 100%; padding: 10px 12px; border: 1px solid var(--wk-line); border-radius: 12px; background: var(--wk-panel); tran
  3. Timingpublic/css/vibe.css:31.wk-vp-steps .wk-vp-step-now { border-color: var(--wk-accent); color: var(--wk-text); background: color-mix(in srgb, var(--wk-accent) 12%, transparent); animati
  4. Curvepublic/css/vibe.css:31.wk-vp-steps .wk-vp-step-now { border-color: var(--wk-accent); color: var(--wk-text); background: color-mix(in srgb, var(--wk-accent) 12%, transparent); animati
  5. Timingpublic/css/vibe.css:36.wk-vp-pages li { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 1px solid var(--wk-line); border-radius: 12px; background: var(--
  6. Timingpublic/css/vibe.css:42.wk-vp-pages .wk-vp-writing small::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(
  7. Curvepublic/css/vibe.css:42.wk-vp-pages .wk-vp-writing small::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(
  8. Timingpublic/css/vibe.css:45.wk-vp-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--wk-accent); animation: wk-pulse 1.2s ease-in-out infinite; }
  9. Curvepublic/css/vibe.css:45.wk-vp-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--wk-accent); animation: wk-pulse 1.2s ease-in-out infinite; }
  10. Colourpublic/css/vibe.css:18.wk-vibe h1 span { background: linear-gradient(90deg, var(--wk-accent), color-mix(in srgb, var(--wk-accent) 40%, #f472b6)); -webkit-background-clip: text; backg
  11. Colourpublic/css/wiki.css:10--wk-red: #f87171;
  12. Colourpublic/css/wiki.css:11--wk-ok: #34d399;
  13. Colourpublic/css/wiki.css:12--wk-warn: #fbbf24;
  14. Colourpublic/css/wiki.css:35.wk-notice.wk-ai { border-color: #a78bfa; }
  15. Colourpublic/css/wiki.css:56.ov-diff ins { background: rgba(52, 211, 153, .22); text-decoration: underline; }
  16. Colourpublic/css/wiki.css:57.ov-diff del { background: rgba(248, 113, 113, .22); }

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