Visual development · AI-native

Build the site you want, without code.

Webflow is the visual development platform built for the modern web. Design, build, and launch responsive websites visually, while writing clean, semantic code for you.

Color Palette25 tokens

background#ffffff

surface#ffffff

ink#080808

on-background#080808

on-surface#080808

primary#146ef5

primary-light#3b89ff

primary-dark#006acc

primary-hover#0055d4

on-primary#ffffff

secondary-purple#7a3dff

secondary-pink#ed52cb

secondary-green#00d722

secondary-orange#ff6b00

secondary-yellow#ffae13

secondary-red#ee1d36

gray-800#222222

gray-700#363636

gray-300#ababab

mid-gray#5a5a5a

border#d8d8d8

border-hover#898989

shadow-soft#e6e6e6

shadow-mid#d4d4d4

shadow-low#f0f0f0

Buttons

TypographyGoogle Font

Schibsted Groteskbrand uses WF Visual Sans Variable

display-hero

Design. Build. Launch.

80px · 600 · -0.8px

section-heading

The visual-first web platform

56px · 600 · 0px

sub-heading

Webflow is the visual development platform built for the modern web. Design, build, and launch responsive websites visually, while writing clean, semantic code for you.

32px · 500 · 0px

feature-title

Try it free →

24px · 600 · 0px

body-large

Webflow is the visual development platform built for the modern web. Design, build, and launch responsive websites visually, while writing clean, semantic code for you.

20px · 400 · 0px

IconsHeroicons

Set: Heroicons · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

The visual-first web platform

Webflow is the visual development platform built for the modern web. Design, build, and launch responsive websites visua…

Design

micro

pill

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

The visual-first web platform

Webflow is the visual development platform built for the modern web. Design, build, and launch responsive websites visually, while writing clean, semantic code for you.

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeDesignWebflow

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Webflow.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Webflow tokens
export const theme = {
  primary: "#146ef5",
  radius: "8px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

We rebuilt our marketing site in two weeks and cut deploys from days to minutes. Our design team finally owns the website.

Webflow · Design

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗

Figma95%

shared styles: Gradient, Colorful, Light · same category: Design

Moving Parts76%

shared styles: Colorful, Light · same category: Design

Bruno Cis73%

shared styles: Colorful, Light · same category: Design

Adobe68%

shared styles: Light · same category: Design

Arc Browser67%

shared styles: Gradient, Colorful, Light · visual DNA: Light, Colorful, Warm

Spline67%

shared styles: Gradient, Colorful · same category: Design