Spline

Reference it for

• A pure-black canvas with white + alpha-stepped opacities for hierarchy. No greys; just #fff at 60/70/80/90/100% alpha.
• Per-component CSS Module-scoped keyframes — every section ships its own ticker, marquee, spin, bounce animations rather than a global set. Hard to grep but visually scoped.
• Three-size type scale (12/14/16px) for sites where the visual heavy lifting is done by a 3D canvas — the typography becomes captions, not content.
• Spline Sans (free on Google Fonts) as the body face for craft-design brands; an under-used alternative to Inter/Geist.
• Just 2 declared CSS transitions (color 0.2s ease, background-color 0.2s ease) — every other motion is in JavaScript/WebGL.
• 56px and 50px pill radius on CTAs and feature panels — among the largest pill values in the library.
• An announcement bar above the nav ("Meet Omma: Build interactive experiences, websites, 3d, and apps using natural language" with ↗ external-link glyph).
• A rainbow gradient sphere logo that gently rotates — same family of 3D-blob logos as GSAP's 3D liquid forms and Linear's mark.

Do not copy

• The WebGL hero strategy unless the client genuinely ships a 3D / generative / animation product. On a static-content brand, an embedded 3D scene reads as decoration.
• The 124-script + 22-stylesheet network bill — Spline's 3D runtime is heavy. Most Jiffi builds should ship under 30 scripts.
• The 17 per-component SCSS Module keyframes wholesale — borrow the *naming discipline*, write CSS keyframes with readable global names instead.
• The 3-size type scale on brands where typography needs to do real work — only works when 3D scenes carry the visual narrative.
• The "An error occurred on client" surface state — capture caveat, not a brand position.
• The mixed framework signal (Sonner toast keyframes go2264125279, go3020080000 etc. shipped alongside SCSS Modules) — likely an artefact of multiple toast/notification libraries that should be consolidated.