Reference fixture · webflow

# Design and build production-ready websites — visually.

The visual web platform for designers. Drag, configure, and ship sites that meet the standards of the production web — no shortcuts, no compromises.

Start building
Read the spec
Render status Live
Brand version v1.0
Shortcut `⌘` `K`

What this fixture exercises

## A precise builder, made for the production web.

### Webflow Blue, on purpose

--accent (#146ef5) is the single chromatic move — CTAs, links, focus rings. Hover darkens to the documented #0055d4, not a formula.

Inspect accents →

### Five-layer cascading shadow

--elev-raised stacks five shadows from 84px presence to 3px contact. Cards feel built into the page, not floating above it.

Read the rule →

### Sharp, conservative corners

--radius-sm and --radius-md sit at 4px; --radius-lg caps at 8px. Nothing rounds beyond functional — precise, builder-grade geometry.

Inspect radius →

Form components

## Inputs on the white canvas.

Border Gray (#d8d8d8) at rest, Border Hover (#898989) on hover, Webflow Blue focus ring. The same precision applies to every interactive surface — buttons, inputs, cards.

Work email

We'll send a workspace invite — nothing else.