Look & feel / v2 stylescape

A scroll you experience, not a page you read

Loud about
being quiet.

Two registers, one studio. We turn the volume up on our own voice so we can keep it down for the clients we build for.

Display — Space Grotesk

Ag 0123 700 · tight tracking · poster scale

Body — Manrope

The quick studio builds the calm site. Clean, even color, comfortable measure — body copy stays out of the way so the work can speak. 400 / 500 / 600 · 1.5 line-height
WDG-loud Client-deferential

Below: the same system in both registers. The loud stage is near-monochrome, poster-scaled, motion-forward. The client stage goes calm and lets a single client color lead.

Register 01 / WDG-loud

We build the platforms that disappear.

Palette
Near-mono + one
Logic
Poster, not page
Motion
Deliberate reveals
Restraint
= mastery

Register 02 / client-deferential

When it's the client's stage, we hand over the spotlight.

Service

Platform engineering

Calm surfaces, the client's own color, room to read. The system steps back so their brand can lead.

Service

Design systems

Tokens that flex to each tenant. Same skeleton, the client's palette injected at the seam.

Service

Accessibility-first

Quiet by default. Generous contrast, predictable motion, content that carries the weight.

The exact same component library renders here. Only the register changed: color comes from the client, motion calms, type relaxes. One studio, two volumes.

The kit / color · type · space

Color — near-monochrome, one accent
Ink#070708
Ink 2#121214
Grey 700#3A3A40
Grey 300#A8A8B0
Paper#F4F3EF
Accent#C2185B
Type scale — Space Grotesk display
Display / 9.5remAa
H1 / 3.6remHeadline register
H2 / 2.0remSection heading
Lede / 1.35remManrope lede line
Body / 1.02remManrope body copy at reading measure
Spacing — 8px base scale
8
16
24
40
64
104

Motion softly jumps up to you — never decoration.

Gentle on-scroll reveals, deliberate easing. The three signature moments live inside this feel. Stylescape · WDG website v2 · creative-fork pilot.