Webflow
Log in Contact sales Get started — it's free
The Website Experience Platform

Design, build, and launch production sites visually.

Webflow is the visual development platform for modern marketing teams. Drag the structure, write the styles in plain CSS, and publish to global hosting — without handing off to engineering.

Get started — it's free Watch a 2-min demo Built for enterprise
99.99% uptime · Used by 3.5M+ designers · SOC 2 Type II
⬚ ▤ ⌘ ✦ ↻ Production · v2.4 https://acme.io/products/launch
▭ ▢ ▯
LayersPagesCMS
▾▭Bodybody
▾▱Navbar.navbar
ALogoa
≡Menunav
▾▱Hero Sectionsection
⊟Container.wrap
HHeading H1h1
Paragraphp
▱Button Rowdiv
▸▱Category Grid.cat-row
▸▱Pricing Sectionsection
▸▱Footerfooter
Acme
ProductsSolutionsPricing
Sign up

Ship sites faster than your roadmap.

One platform for design, content, and publishing — built for modern marketing teams.

Get started Book demo
Design

Visual canvas

SEO

Built‑in optimization

Hosting

Edge network

StyleSettingsElement
Selector
.hero-h  ·  H1
Typography
Family
WF Visual Sans
Weight
600
Size
80 px
Line
83.2 px
Tracking
-0.8 px
Color
#080808
Spacing
Margin top
0
Margin bot
24 px
Layout
Display
block
Max-w
980 px
html › body › section.hero › h1.hero-h 100% · Saved 2s ago · ● live preview
Building the web for
Dropbox
Discord
Vercel
PwC
Loom
Crunchyroll
Mural
Platform

Every layer of the modern website, in one canvas.

Webflow ships design, CMS, hosting, ecommerce, and analytics under a single primitive — the visual element. Your team works on the site they ship, not on a Figma frame of it.

Design

A visual canvas that writes the CSS for you.

grid · flex · breakpoints · ms-overrides

Drag structure, write styles in plain CSS, version every change. Engineering keeps the keys to the deploy — designers keep the keys to the page.

Explore the Designer
Animations

Interactions without timeline jail.

Scroll-linked, hover-triggered, page-load. All visual, all exportable.

SEO

Optimized for index — and for AI agents.

Semantic markup, alt text, sitemaps, Open Graph — all configured visually.

Hosting

Edge network that ships in under a second.

Global CDN, SSL, image optimization. Publish to staging or production with one click.

Ecommerce

Sell from the same canvas you design.

Products, checkout, taxes, subscriptions — all visual. No headless setup required.

CMS · Localization

Content models your editors actually use.

CMS COLLECTIONS

Schema, in a sidebar.

Define a Blog Post once with title, slug, body, author reference, and SEO fields. Webflow generates the editor view, the URL, the sitemap, and the page template automatically.

Posts · 42 items
The redesign that doubled signupsPublishedMay 18
Notes from a year of localizationDraftMay 16
Why we moved off WordpressPublishedMay 12
DEVELOPER MODE

Talk to Webflow from your codebase.

REST + GraphQL APIs for every CMS field, asset, and form submission. Embed components, ship Webflow output through your CI.

// Push a localized landing page
const res = await webflow.pages.create({
  site: "acme.io",
  locale: "de-DE",
  template: "product-launch",
  publish: true
});
POST /sites/:id/pages200 OK142ms
POST /collections/:id/items200 OK98ms
Pricing

Plans that scale from solo to enterprise.

No publishing limits, no surprise overages. Build sites for free; pay when you publish to a custom domain.

Starter
For solo builders
$14/mo
  • Custom domain
  • 50,000 monthly visits
  • 2 CMS collections
  • Webflow branding hidden
Start free
Most popular
Growth
For modern marketing teams
$39/mo
  • 250,000 monthly visits
  • 10,000 CMS items
  • Localization (3 locales)
  • A/B testing + analytics
Start 14-day trial
Enterprise
For high-traffic teams
Custom
  • Unlimited locales + brands
  • SSO / SAML / RBAC
  • 99.99% uptime SLA
  • Dedicated CSM
Talk to sales

Build your next site visually — and ship it before the meeting ends.

Get started — it's free Watch the demo
Design system reference

Tokens behind the visual canvas.

Webflow's marketing surface is a near-black-on-white system punctuated by a five-stop chromatic palette. Cards take a tight 8 px radius; buttons take 4 px. The brand never goes pill, and never goes above weight 600.

Color

Primary ink · Surface · Text · 5-stop chromatic category palette
Ink + Surface
primary
#080808
ink-strong
#222222
body
#363636
body-mid
#5a5a5a
mute
#898989
hairline
#d8d8d8
Category palette (5-stop)
acc-purple
#7a3dff
acc-pink
#ed52cb
acc-blue
#3b89ff
acc-orange
#ff6b00
acc-green
#00d722
acc-yellow
#ffae13
Semantic + deep blue
blue-info
#146ef5
blue-deep
#006acc
acc-red
#ee1d36

Typography

Single family — WF Visual Sans Variable — covers every role. Weight ceiling at 600.
TokenSampleSpec
display-xxlHero headline80 · 600 · -0.8
display-xlSub-hero displays56 · 600 · 0
display-lgSection headlines44.8 · 600 · 0
display-mdCard-cluster headlines32 · 500 · 0
eyebrow-uppercasePLATFORM EYEBROW15 · 500 · 1.5
body-mdDefault body text holds at 16/400/-0.16.16 · 400 · -0.16
captionSIGNATURE 550-CAPTION12.8 · 550 · 0
caption-mono.hero-h · 80px / 600Inconsolata · 12 · 400
button-mdGet started — it's free16 · 500 · -0.16

Radius

Tight engineered geometry: 4 px for buttons + badges, 8 px for cards. Pill is reserved for circular icon containers.
none · 0
xs · 2
sm · 4
md · 8
full · ∞

Components

Default + active states only.
button-primary
Get started — it's free
button-secondary
Watch demo
button-text-arrow
Learn more
text-input
badge-info
NEWSOFT
card-feature
Schema, in a sidebar.
category-card · purple
A visual canvas.
category-card · green
Sell from the canvas.
tier-featured
Growth
$39 / mo
View DESIGN.md ↗