← back to the gallery

Webflow: layered website-experience platform

Tier
inspiration
Roles
hero, feature, proof, capability, testimonial, explainer, closing, footer
Feel
light, saas, premium, minimal, depth
Motion
reveal, pin, pan, parallax, stagger, stack, tabs
Source
public-site
Site
https://webflow.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-09-22
Captures
frames: https://images.refero.design/styles/refero.design/video/4271252f-7d14-4594-8489-b8c23a843bd9.mp4
both: https://webflow.com/

What it does

Webflow presents its website-experience platform through a choice-led hero, visual building canvas, publishing and optimization capabilities, customer outcomes, AI-assisted workflows, recent updates, and community-made work.

Section roster

1. Product-choice hero and primary conversion actions. 2. Layered builder canvas showing design and code workflows. 3. Build, publish, and optimize feature columns. 4. Brand-scale proof and customer outcome cards. 5. Agentic web-marketing and collaboration explanation. 6. AI knowledge and business workflow canvas. 7. Updates, conference material, Made in Webflow gallery, and footer.

Why it works

Large direct typography and real product canvases explain a technically broad platform without hiding the interface, while blue accents keep conversion and navigation obvious across a long page. The cost to weigh is that stacked UI screenshots, customer cards, and changing campaign content create a heavy page that can age quickly and compete for attention.

Sources

- The [Refero style page](https://styles.refero.design/style/31471407-598a-45fd-a505-d921980d8855) and its MP4 supply the earlier growth-engine hero, builder-canvas choreography, feature stacking, customer-card sequence, and complete scroll narrative. - The live capture at https://webflow.com/ supplies the current Build for what’s next hero, present campaign content, navigation, responsive screenshots, and measured layout. - The hero and some downstream campaign sections differ materially; the live page is trusted for current structure and copy, while the recording is retained as the motion reference for the captured design version.