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.

Start designing
Read the spec
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 2026-05-18
Work email

We'll send a beta invite and nothing else.

Project name

You can rename it any time from the editor.