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
▭ ▢ ▯
Layers Pages CMS
▾▭Body body
▾▱Navbar.navbar
A Logo a
≡Menu nav
▾▱Hero Section section
⊟Container.wrap
H Heading H1 h1
¶Paragraph p
▱Button Row div
▸▱Category Grid.cat-row
▸▱Pricing Section section
▸▱Footer footer

# 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

Style Settings Element
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 signups Published May 18
Notes from a year of localization Draft May 16
Why we moved off Wordpress Published May 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/pages 200 OK 142ms
POST /collections/:id/items 200 OK 98ms
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.

Token | Sample | Spec
--- | --- | ---
display-xxl | Hero headline | 80 · 600 · -0.8
display-xl | Sub-hero displays | 56 · 600 · 0
display-lg | Section headlines | 44.8 · 600 · 0
display-md | Card-cluster headlines | 32 · 500 · 0
eyebrow-uppercase | PLATFORM EYEBROW | 15 · 500 · 1.5
body-md | Default body text holds at 16/400/-0.16. | 16 · 400 · -0.16
caption | SIGNATURE 550-CAPTION | 12.8 · 550 · 0
caption-mono | .hero-h · 80px / 600 | Inconsolata · 12 · 400
button-md | Get started — it's free | 16 · 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
NEW SOFT
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 ↗