The modular grid did not come from Switzerland. Hear me out. Josef Müller-Brockmann's 1981 manual, the book that fixed the term "grid systems" in English, closes a lineage that opens sixty-two years earlier at Weimar, when Walter Gropius folded an art academy and a craft school into one institution and installed a preliminary course built around ratio, division, and the geometric decomposition of the picture plane. The grid is that preliminary course, exported to the print shop. What follows is the arithmetic: five dated moves, four cities, and the columns-and-gutters math that turns a pedagogy into a printing standard.
April 1919: Weimar, the Preliminary Course, and the First Modular Exercise
The Bauhaus manifesto appeared in April 1919. Gropius merged the Grand-Ducal Saxon Academy of Fine Art with the School of Arts and Crafts and installed a six-month preliminary course, the Vorkurs, as the mandatory entry point for every student. Johannes Itten ran it. The Vorkurs was not a drawing class. It was an inventory of primitives: the point, the line, the plane, the ratios that hold them in tension, the geometric decomposition of any rectangle into a countable number of smaller rectangles that share edges.
Take a page 210 mm wide. Divide it into a 3-column layout with two gutters of 5 mm each. Column width solves as (210 − 10) ÷ 3 = 66.67 mm. Divide the same page into 6 columns with 4 mm gutters and column width solves as (210 − 20) ÷ 6 = 31.67 mm. Twelve columns of 4 mm gutters gives (210 − 44) ÷ 12 = 13.83 mm — narrow enough to composite into any of the coarser layouts by summing adjacent tracks. This is not typography. This is the Vorkurs, done arithmetically.
The studio's *Foundation* poster is that first exercise set in period colour: a modular grid of circles, arcs and bars in primary red, blue and yellow. Every Bauhaus student began there because Itten and Gropius agreed on one thing — before you touch material, you learn how a plane divides. The grid is that agreement, transported from a Weimar classroom into every print job the school would later run.
1923: The Bauhaus Week and the Turn Toward Systematic Typography
Itten left in 1923. László Moholy-Nagy replaced him in the same year and rewired the Vorkurs from mysticism toward machine logic. The 1923 Bauhaus Week in Weimar — the school's first public exhibition of its own output, staged in August — is the pivot document. Herbert Bayer's posters, Moholy-Nagy's covers, and the *Staatliches Bauhaus in Weimar 1919–1923* book bound at the exhibition all show the same move: sans-serif type, unjustified setting, colour used as spatial signal rather than decoration, and a hard preference for the rectangle over the ornament.
The arithmetic of this shift is in the ratios. A page set with a classical single-block canon leaves margins in a 2:3:4:6 relationship — inner:top:outer:bottom — a proportion codified centuries earlier by Renaissance printers. The 1923 Bauhaus page rejected this and used equal margins driven by the paper's own module. If the sheet is A5 at 148 × 210 mm, the type area under the new logic sits inside a symmetrical 15 mm frame — leaving a live area of 118 × 180 mm, a ratio of 0.656, close enough to the golden section (0.618) that the eye stops asking. The point was not to hit φ. The point was to stop treating the margin as ornament.
The *Ascending Forms* composition — rectangles climbing the frame in measured steps — is the same arithmetic reversed: instead of subtracting a frame from a rectangle to find the type area, it stacks proportion into the picture plane directly.
December 1925: Dessau, the Workshop Building, and the Grid as Architecture
Weimar's conservative state government cut the school's budget by half in September 1924. Gropius accepted an offer from Dessau's mayor Fritz Hesse. The school moved in the spring of 1925 and by December 1925 the ground had been broken for the Gropius-designed workshop building on Gropiusallee — the structure that opened in December 1926 and became the school's best manifesto.
The Dessau building is a grid, exposed. Its glazed curtain wall on the workshop wing is a rectangular module tiled without interruption across three storeys. Its floor plan is orthogonal, its circulation grid-aligned, its signage system — designed by Herbert Bayer and Joost Schmidt — a single sans-serif family sized in a geometric progression. If the base signage unit is 24 mm cap height, the next size is 48 mm (×2), the next 96 mm (×2), the next 24 × 1.5 = 36 mm for secondary marks. Doubling and halving, no exceptions. This is the same arithmetic that will appear fifty-six years later in Zurich, in Müller-Brockmann's chapter on type sizes.
The *Dessau Morning* composition — a low sun rising over stacked horizontal bands in the warm palette of a workshop at dawn — is the building read as pigment. The horizontal band is the storey. The stacked geometry is the floor plate. The building taught the print shop that a grid can be inhabited before it can be printed.
1928: Jan Tschichold's Die neue Typographie Codifies the Asymmetric Grid
Tschichold was never on the Bauhaus staff. He visited the 1923 Bauhaus Week as a twenty-one-year-old typesetter, was converted on the spot, and spent the next five years compiling what he had seen. *Die neue Typographie*, published in Berlin in 1928 by the Bildungsverband der Deutschen Buchdrucker, is the first book-length codification of the asymmetric grid. Tschichold's argument was arithmetic, not aesthetic: symmetry wasted the page, the sans-serif was legible at any distance, and the DIN 476 paper standard — issued by the German standards institute in 1922 — provided a single geometric key for every printed size.
The DIN 476 arithmetic is why the book worked. Every A-size sheet holds a width-to-height ratio of 1:√2 (≈1:1.414), which is preserved under halving: fold an A4 sheet (210 × 297 mm) in half along its long edge and you get exactly A5 (148 × 210 mm), the same ratio, no waste. Tschichold's grids were designed against this constant. A three-column A4 layout with 12 mm outer margin, 15 mm inner, 15 mm top and 20 mm bottom, and two 5 mm gutters solves as columns of (210 − 12 − 15 − 10) ÷ 3 = 57.67 mm each, sitting inside a live area of 173 × 262 mm — a rectangle at ratio 0.660, again grazing the golden section without being asked to.
*Archway* — nested arcs rising from the base in concentric bands of period colour — reads as the same logic curved: the geometric interval, held in sequence, arriving at proportion by division rather than by taste.
1981: Josef Müller-Brockmann Publishes Grid Systems in Graphic Design
Müller-Brockmann published *Rastersysteme für die visuelle Gestaltung* — bilingually issued as *Grid Systems in Graphic Design* — in Zurich in 1981 through Verlag Arthur Niggli. The book is a manual, not a manifesto. It fixes the English-language term "grid systems" and it presents the arithmetic in a form that any working designer can execute.
The core algorithm is one page. Choose a field count — Müller-Brockmann's worked examples run 8, 20, and 32 fields, arranged in 4 × 2, 5 × 4, and 8 × 4 arrays respectively. Set a base type size — say 10 pt on 12 pt leading, which gives 12 pt line advance = 4.233 mm at the metric equivalent. Set the field height to a whole multiple of the line advance so every field ends flush on a baseline: 10 lines per field = 42.33 mm; 12 lines = 50.80 mm. Set the field width from the page width minus margins, minus gutters equal to one line advance. On A4 with a 20 mm outer margin and 4.233 mm gutters, an 8-column layout gives field width (210 − 40 − 7 × 4.233) ÷ 8 = 17.79 mm. The grid is that number, tiled.
The debt to Weimar 1919 is total. Müller-Brockmann's field is Itten's plane. His field-count is the Vorkurs asking how a rectangle divides. The Swiss school did not invent the modular grid. It documented it.
The lineage is a straight line: 1919 preliminary course, 1922 DIN 476, 1923 Bauhaus Week, 1926 Dessau signage, 1928 Tschichold's manual, 1981 Müller-Brockmann's manual. Sixty-two years, four cities, one arithmetic. The studio's own compositions — *Foundation*, *Ascending Forms*, *Dessau Morning*, *Archway* — are that arithmetic held in view. What this timeline hands off is a different question, and it is the one designers now spend their careers on: what happens to the modular grid when the module is a pixel, the field is fluid, and the printing standard is no longer a piece of paper.
FAQ
Did the Bauhaus invent the grid?
No. Grids in the sense of ruled columns and baselines are older than the Bauhaus by centuries — Gutenberg's 1450s work used a ruled canon, and Renaissance printers formalised the margins-first page canon in the 1500s. What the Bauhaus contributed, from 1919 onward, was the pedagogy of *modular* division: the idea that a rectangle should be broken into a countable, arithmetically consistent lattice of smaller rectangles before any content is placed on it. That specific move is the direct ancestor of what Müller-Brockmann codified in 1981.
Why does the DIN 476 paper standard matter to this history?
Because it turns proportion into a printing constant. DIN 476, issued by the German standards institute in 1922 during the Bauhaus's Weimar years, fixed the 1:√2 aspect ratio for every A-size sheet. Halving the sheet preserves the ratio. Every grid described in Tschichold's 1928 book and Müller-Brockmann's 1981 book assumes this constant. Without DIN 476 the arithmetic would need re-solving for every paper size, and the modular grid would not scale as a printing standard.
Was Jan Tschichold a Bauhaus student or teacher?
Neither. Tschichold was a Leipzig-trained typesetter who attended the 1923 Bauhaus Week in Weimar as a visitor and spent the following five years translating what he had seen into a printing manual. His 1928 book *Die neue Typographie* is the Bauhaus's typographic argument codified by an outsider — which is partly why it reached a working audience of printers rather than staying inside an art school.
What is the arithmetic difference between a symmetric and an asymmetric grid?
A symmetric grid derives its margins from a fixed proportional canon — often 2:3:4:6 or the golden section — and centres the type block on the page. An asymmetric grid derives its columns from the page module directly and lets margins fall out as the remainder. On A4 (210 × 297 mm), the classical canon lands a type area at roughly 129 × 197 mm; a Tschichold-style three-column asymmetric grid lands roughly 173 × 262 mm. The asymmetric layout uses about 78% of the sheet; the classical canon about 40%.
Why did the Bauhaus move from Weimar to Dessau to Berlin?
Political pressure, three times. Weimar's state parliament cut funding after the 1924 elections, forcing the 1925 move to Dessau. Dessau's council closed the school in 1932 after National Socialist gains locally. Ludwig Mies van der Rohe reopened it briefly as a private institute in a Berlin telephone factory in late 1932; the Gestapo shut it in April 1933. Fourteen years, three cities, three closures. The grid outlived all of them.
How does the Bauhaus preliminary course connect to modern design tools?
The Vorkurs asked one arithmetic question — how does a rectangle divide into a lattice — and every modern design tool answers it by default. The 12-column grid used by CSS frameworks, the artboard subdivisions in Figma, the baseline grid in InDesign: each is a Vorkurs exercise operationalised in software. The pedagogy became the interface.
What does Müller-Brockmann's 1981 book actually contain?
Roughly 175 pages of worked layouts. The book opens with the philosophical case for the grid, moves through type size and leading arithmetic, then presents field-based grids at 8, 20, 32 and higher counts with fully solved margins, gutters, and column widths. The last third covers three-dimensional applications: exhibition design, signage systems, and corporate identity. It is a manual designed to be executed, not admired.
Where can I see the geometric vocabulary the Bauhaus taught?
The studio's own compositions are that vocabulary held in view. *Foundation* is the first Vorkurs exercise set as a poster; *Ascending Forms* is proportion stacked into a plane; *Dessau Morning* is the Dessau workshop building read as pigment; *Archway* is the geometric interval curved into sequence. The compositions live at browse the geometric prints.
From the collection
New compositions and 10% off your first print.
One email now with your code. No noise after.