Webflow

Item: Webflow
Rating: 7.5

Visual website platform to build, manage and grow marketing sites.

webflow.com Save page

7.5/10MABTU rating

DESKTOP · 1440 × 7,555/ ↗

MOBILE · 390

Section outline · Home

01heroLeft-aligned heavy headline, two buttons, row of outcome media cards812
02logo cloudTwo-row grid of brand logos
03product launchCentred title, dark app screenshot, checklist of capabilities
04case studiesPortrait photo cards with stats, arrow carousel1,170
05lead formContact sales form beside showcase screenshot952
06blogThree post cards
07showcaseSkewed ribbon of site screenshots
08footerLink columns with oversized blue W

Rating · Home

Visual design7.8

UX & clarity7.8

Originality7.0

Craft & consistency8.0

Motion6.5

Performance & a11y7.7

This page scores 7.6; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

WF Visual Sansheading · sans · self-hosted WF Visual Sansbody · sans · self-hosted

Stack & style

Three.js Webflow Google Fonts Swiper GSAP GSAP ScrollTrigger jQuery Bootstrap

Minimal Bold typography Corporate / clean Photography-led Product-UI-led FAQ accordion Floating CTA Horizontal scroll Logo cloud Marquee Mega menu Pricing table Testimonial slider

Also: Google Tag Manager, Google Analytics, reCAPTCHA, Cloudflare

Design DNA

Pure white page with a heavy, tightly tracked black grotesk for left-aligned headlines and Webflow blue for buttons and the top announcement bar. Under the hero, a row of small tilted media cards (dashboard, portrait with $200M stat, Forma site) sells outcomes. A dense two-row logo grid, a centred 'Source' product launch with a dark app screenshot and checklist, portrait photo case cards with a big stat over each, a sales form beside a showcase screenshot, blog cards and a #MadeinWebflow skewed screenshot ribbon lead into a footer with a giant blue W.

Worth borrowing

Overlay one big metric and a short quote on each customer portrait card.
End the page with a skewed ribbon of customer site screenshots before the footer.
Crop an oversized brand mark into the footer corner as a closing graphic.