Webflow

Reference it for

• The bespoke WF Visual Sans Variable at non-standard weight 550 (between 500 and 600). Visible-but-subtle differentiation between regular and medium emphasis.
• WF Visual Sans Mono for "Made by Webflow" badge, AEO labels, dimension stamps — small-uppercase mono treatments.
• The three-card multi-path hero: AI / Template / Scratch. Lets users self-select their adoption path immediately under the H1 instead of forcing a single CTA.
• AI-native repositioning as the brand-voice anchor — "AI-native platform for creating and optimizing web experiences. How do you want to build?" is the 2026 SaaS positioning pattern.
• Webflow blue #146ef5 as a CTA-only colour. Strong, instantly recognisable.
• noise-animation keyframe — film-grain texture as a subtle ambient effect on hero backgrounds.
• moveGradientLeft + moveGradientRight keyframes — bidirectional gradient drifts on feature panels for ambient motion.
• Two signature cubic-bezier curves: cubic-bezier(0.645, 0.045, 0.355, 1) ease-in-out-circ (for transforms) and cubic-bezier(0.455, 0.03, 0.515, 0.955) ease-in-out-quad (for colour and backgrounds) — both at 0.3s.

Do not copy

• WF Visual Sans Variable / Mono — bespoke and licensed for Webflow. Substitute with Inter Variable / JetBrains Mono.
• The exact Webflow blue #146ef5 — strongly brand-coded.
• The full GSAP + ScrollTrigger + Three.js + Swiper bundle — heavy. Pick one (Three.js for 3D, GSAP for scroll-scrub) only if the brief justifies it.
• 84 scripts + 99 images — enterprise asset chain. Most Jiffi builds should ship <25 scripts.
• The three-card multi-path hero unless the product genuinely has three onboarding paths.
• The 10 @font-face declarations for what is essentially one variable family.
• AEO branding — that's a specific Webflow product line for AI-search visibility.
• The Mark Pro mono — substitute with JetBrains Mono for free.