Skip to content
Browse
Library

Webflow. A designer's drafting table rendered as a web page.

  • Design tools
  • Light theme
  • 14 colors
  • 2 typefaces

Webflow presents a studio-grade design platform language: a stark white canvas, near-black type, and a single saturated blue that punctuates the interface with quiet authority. Headlines speak at monumental sizes (56–80px) in a custom geometric variable sans, carrying tight negative tracking that makes each character feel chiseled rather than typeset. The visual rhythm is generous — large vertical breathing room between sections, cards floating on soft 8px radii with barely-there shadows, and product imagery embedded in realistic browser chrome to demonstrate capability rather than describe it. Color discipline is extreme: the palette is almost entirely achromatic, with the brand blue (#146ef5) reserved for primary actions, active states, and link emphasis, and the entire chromatic spectrum compressed to just two more hues (a soft green and warm orange) that appear only in micro-illustration contexts.

Visit webflow.com
Screenshot of Webflow
Captured from webflow.com on October 11, 2026

Webflow design system

Webflow

Brand2

  • Blue supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

  • Blue supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

Accent3

  • Soft blue for icon decorations, gradient transitions, and muted highlight washes within illustrations

  • Green supporting accent for decorative details and low-frequency emphasis

  • Decorative warm accent in inline illustrations and product mockup contexts

Neutrals9

  • Primary text, headings, icon strokes, dark surface fills — the near-black that carries the typographic voice

  • Deepest dark surface — footer bands and full-bleed dark sections

  • Dark surface for inverted sections and modal overlays

  • Near-black accent surface, slightly lighter than Onyx for layered dark contexts

  • Secondary body text, icon secondary state, muted descriptions, footer copy

  • Subtle shadow base and disabled control fills

  • Hairline borders on cards, dividers, input outlines, button strokes

  • Subtle background tint for alternating sections, card hover, and input fills

  • Page canvas, card surfaces, button text on dark fills, inverted text

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Pure White on Webflow Blue

4.59 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.