Reference fixture · framer

The internet is your canvas.

Design and ship production-grade sites without writing the boilerplate. Every interaction, every breakpoint, every motion curve — composed on the void, rendered to the open web.

v1.0 Press K to search tokens Live preview

What this fixture exercises

Craft is the product, polish is the proof.

01 · CANVAS

Pure void, no compromise.

--bg (#000000) → --surface (#090909) → --accent (#0099ff). Absolute black is the foundation — never charcoal, never brown-tinted dark gray. The void is the design.

Inspect surface tokens →
02 · TYPE

Compressed, spring-loaded.

GT Walsheim Medium at -0.05em tracking gives display text the breathless density Framer is known for. Inter for body, with six OpenType features for refined micro-type.

Read the typography rules →
03 · DEPTH

Blue rings, white edges.

Cards are contained by a 1px Framer Blue ring shadow (rgba(0, 153, 255, 0.15)) — depth comes from light tints, not from heavy drop shadows. The blue is the brand.

Inspect elevation →

Form components

Inputs in the void.

Form fields sit on the near-black surface with subtle translucent borders. Focus lights up the Framer Blue ring — a halo, not a hard edge, so the void stays sacred even while you type.

No tracking Updated

We'll send a beta invite and nothing else.

You can rename it any time from the editor.