No. 001 — A Swiss Grid Manifesto

THE GRID IS NOT A CAGE.

Twelve columns. Sixteen pixels of air between them. Every element accounted for, every whitespace intentional. This is a site about grid design, built by obeying the grid it describes — Müller-Brockmann's ghost looking over our shoulder.

01
Twelve Column System
02
Objective, Not Decorative
03
One Accent, No Exceptions
Chapter 01

The Manifesto

§ 01

Order Is Not Sterile

A grid does not remove personality — it removes noise. What remains is the decision that mattered. Every margin here is a choice, not an accident of the browser's default stylesheet.

§ 02

Hierarchy Is Loud

Twelve-word display type beside eleven-pixel captions. The contrast is the message: some things demand your eye first, everything else waits its turn in silence.

§ 03

Red Means Something

One accent color, used sparingly, means something every time it appears. Scatter your emphasis and you have no emphasis left — this is the whole argument against decoration for its own sake.

§ 04

Whitespace Is Structural

The paper is not empty — it is doing work. Air between elements is a typographic decision as deliberate as the words themselves, never a leftover.

§ 05

Motion Earns Its Keep

Every animation on this page reveals structure that was already there — a line masking into view, a number counting to its true value. Nothing moves to impress; it moves to clarify.

§ 06

Legibility Beats Cleverness

If a reader has to squint, the designer has failed regardless of how elegant the composition looks in a portfolio screenshot. Function, then form — always in that order.

Chapter 02

In Numbers

0
Grid Columns
0
Gutter Width
0
Accent Color
0
Year of the Grid System, Müller-Brockmann
Chapter 03

Type Specimen

Thin — 100
Grid design
Light — 300
Grid design
Regular — 400
Grid design
Semibold — 600
Grid design
Bold — 700
Grid design
Black — 900
GRID DESIGN
Chapter 04

Five Rules We Refuse to Break

01
Never Center For Comfort
Centering is a decision, not a default. Left alignment respects the reading order; center alignment should be earned by symmetry in the content itself.
02
Baseline Grids Are Law
Every line of text sits on an invisible rhythm. Break it once, deliberately, and the whole page notices — which is exactly the point.
03
Kill Default Fonts
System-ui is a confession that no one made a decision. We chose Inter Tight and we are not sorry about the file size.
04
Contrast Or Nothing
A 12vw headline next to an 11px caption is not an accident — it is the entire hierarchy of the page stated in two type sizes.
05
Motion Reveals, Never Distracts
If you can turn off the animation and lose no information, the animation was decoration wearing a costume. Ours all reveal structure that was already there.
Chapter 05

Get In Touch

Email the Studio → Back to the Top ↑