Design health

OpenVibe.Fun

97.5 4 files read at b8e6784, Nov 1, 2026.

Spinners0
No reduced motion0
Hand-set timings7
Hand-set curves2
Colours outside the theme4

Where

All 13. Each opens its line on GitHub.

  1. Timingpublic/css/fun.css:67html.ov-motion .fu-map-motif .fu-pin { animation: fu-pop .5s cubic-bezier(.2,.9,.3,1.5) both; } .fu-pin-2 { animation-delay: .2s !important; } .fu-pin-3 { anima
  2. Curvepublic/css/fun.css:67html.ov-motion .fu-map-motif .fu-pin { animation: fu-pop .5s cubic-bezier(.2,.9,.3,1.5) both; } .fu-pin-2 { animation-delay: .2s !important; } .fu-pin-3 { anima
  3. Timingpublic/css/fun.css:74html.ov-motion .fu-flip-card { animation: fu-flip .8s cubic-bezier(.2,.7,.2,1) .9s both; }
  4. Timingpublic/css/fun.css:74html.ov-motion .fu-flip-card { animation: fu-flip .8s cubic-bezier(.2,.7,.2,1) .9s both; }
  5. Curvepublic/css/fun.css:74html.ov-motion .fu-flip-card { animation: fu-flip .8s cubic-bezier(.2,.7,.2,1) .9s both; }
  6. Timingpublic/css/fun.css:87.fu-quest-link, .fu-plan-link { transition: border-color .15s, transform .15s; }
  7. Timingpublic/css/fun.css:87.fu-quest-link, .fu-plan-link { transition: border-color .15s, transform .15s; }
  8. Timingpublic/css/fun.css:91.fu-plan-card { gap: 6px; align-content: start; height: 100%; padding: 15px 16px; border-radius: 16px; background: var(--bg-card, #0f1729); border: 1px solid va
  9. Timingpublic/css/fun.css:91.fu-plan-card { gap: 6px; align-content: start; height: 100%; padding: 15px 16px; border-radius: 16px; background: var(--bg-card, #0f1729); border: 1px solid va
  10. Colourpublic/css/fun.css:65.fu-pin { position: absolute; translate: -50% -100%; padding: 5px 10px; border-radius: 10px 10px 10px 2px; font-size: .78rem; font-weight: 800; color: var(--roo
  11. Colourpublic/css/fun.css:70.fu-flip-card { position: absolute; left: 50%; bottom: 8%; translate: -50% 0; display: grid; gap: 2px; width: min(70%, 260px); padding: 10px 14px; border-radius
  12. Colourpublic/css/fun.css:114.fu-overlay { display: grid; gap: 4px; max-width: 420px; padding: 14px 16px; border-radius: 16px; background: color-mix(in srgb, #000 70%, transparent); color:
  13. Colourpublic/css/fun.css:114.fu-overlay { display: grid; gap: 4px; max-width: 420px; padding: 14px 16px; border-radius: 16px; background: color-mix(in srgb, #000 70%, transparent); color:

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