Skip to content

v2.9.0 — Motion scoped by surface: the Cinematic tier

Choose a tag to compare

View all tags
@bitjaru bitjaru released this 08 Jul 02:56
v2.9.0
329f891

A blanket "no scroll-linked / no parallax / no 3D / no animated gradients" was right for product surfaces (dashboards, data, forms) but got over-generalized to every surface — which made it impossible to build the exact brand pages StyleSeed points to as best-in-class (family.co, stripe.com, linear.app). Those pages are scroll-choreographed. This release scopes the rule instead of dropping it.

Changed

  • Cinematic tier (DESIGN-LANGUAGE §43, PAGE-TYPES Landing): on a marketing/landing/brand page, scroll-LINKED reveals, pinned/sticky sections, the "product assembles as you scroll" move, subtle parallax, a 3D/tilt hero, animated gradient/mesh or video backgrounds, and rich hover are now explicitly allowed — with guardrails: purposeful (not jitter), 60fps (transform/opacity only), never blocks the first read or the CTA/LCP, prefers-reduced-motion leaves a complete static page, one motion language.
  • The distinction the old rule blurred: scroll-JACKING (hijacking scroll speed, trapping) stays banned everywhere; scroll-LINKED (native scroll drives it, user in control) is now encouraged on brand pages.
  • App/dashboard/data/form surfaces keep the restraint — the bans got a surface, they didn't go away.
  • Propagated across DESIGN-LANGUAGE, PAGE-TYPES, VISUAL-CRAFT, METHODOLOGY, the CLAUDE.md/AGENTS.md gates, and /ss-score (surface-aware), /ss-motion, /ss-dial.

Update: run `/ss-update`, or `npx skills add bitjaru/styleseed`.

Assets 2
Loading