Era 1955 · 1914–1970

Emil Ruder

Typography as system and rhythm

Typography teacher and director, Allgemeine Gewerbeschule Basel (1942–1970); author of Typographie (1967)
Zürich → Basel

Typography has one plain duty before it and that is to convey information in writing.

Biography

Born 20 March 1914 in Zürich; died 13 March 1970 in Basel, aged fifty-six, at the peak of his influence. He enters typesetting apprenticeship very young (fifteen) and learns the trade for seven years (1929–1933) — hands in lead type before any theory. A year and a half in Paris follows (1938–39, language diploma), then a return and a job as head of the typesetting workshop at a Zürich technical publishing house.

The turning point is 1941–42: training at the Kunstgewerbeschule Zürich under Walter Käch and Alfred Willimann — the same class that Max Huber and Josef Müller-Brockmann went through (see Influences). There he encounters the Bauhaus and Tschichold's Die neue Typographie systematically for the first time. Already in 1942 he gets a permanent teaching post in typography at the Allgemeine Gewerbeschule in Basel; in 1947 he becomes head of the department for scientists in applied art, that same year founds the Tagesfachklasse für Buchdruck (specialised full-day class for typesetting and printing), and that same year Armin Hofmann joins him at the school — together they build a programme that, by the mid-fifties, has waiting lists. From 1946 he writes for Typografische Monatsblätter (TM); between 1957 and 1959 he publishes a four-part series "Wesentliches" (Essentials), which, expanded, becomes the book Typographie (1967, Verlag Arthur Niggli) — a manual still in print today and still accurate today. In 1962 he is co-founder of the International Center for the Typographic Arts (ICTA) in New York; the names of the other founders are not confirmed. From 1965 until his death in 1970 he simultaneously runs the entire Allgemeine Gewerbeschule and the Gewerbemuseum Basel; in 1968, together with Hofmann, he founds an international advanced (postgraduate) programme for graphic design. He marries Ingeborg Susanne Schwarz in 1950 (sons Martin, b. 1951, and Daniel, b. 1954).

Unlike Tschichold, who in his late thirties himself abandoned strict asymmetric doctrine, Ruder spends the rest of his life refining it as a system that can be taught — not as a style, but as a set of verifiable rules about the relationship of black and white, word and space, eye and reading time.

Influences

Studied with

  • Walter Käch — Kunstgewerbeschule Zürich (1941–42), typesetting and typography
  • Alfred Willimann — Kunstgewerbeschule Zürich (1941–42), same class as Max Huber and Josef Müller-Brockmann

Borrows from

  • Bauhaus and Jan Tschichold (Die neue Typographie), transmitted through Kunstgewerbeschule Zürich
  • Eastern philosophy (Zen, Japanese garden) — empty space as an active form, not leftover
  • seven-year craft as a lead-type compositor — the square/module as a physical fact of the typesetting, not a drawn decision

Influenced

  • Wolfgang Weingart — direct student, later broke down the same system Ruder taught him (Basel New Wave)
  • Hans-Rudolf Lutz — direct student
  • Helmut Schmid — direct student, later the principal writer of analytical texts on Ruder
  • Steff Geissbühler — direct student

Contemporaries

  • Armin Hofmann — colleague at the same school from 1947, joint advanced programme from 1968
  • Karl Gerstner — collaborator at TM, coined the term integral typography for Ruder's TM issue in 1959

Who he studied under

Walter Käch and Alfred Willimann, both at the Kunstgewerbeschule Zürich (1941–42) — confirmed independently through the German Wikipedia and through Kiriazis's text (Medium). The Willimann connection is especially valuable: it's the same class that Max Huber and Josef Müller-Brockmann passed through (see _STANJE_I_NASTAVAK.md) — a group of three, not two, tied to the same teacher, with three entirely different outcomes (Huber's colour overlap, Müller-Brockmann's grid system, Ruder's system of text rhythm).

What he steals

The Bauhaus and Tschichold's Die neue Typographie — passed on through the school, not through direct contact. From Eastern philosophy (Zen, the Japanese garden) he takes the idea that "empty space gives life to the printed" — for him this isn't a metaphor but a compositional instruction: white is drawn, not left over. The deepest "stolen" source is nonetheless his own craft: seven years of working with lead type taught him that the square/module is a physical fact of typesetting (letter width, spacer thickness), not a drawing decision made by eye.

Who he influenced

Direct students: Wolfgang Weingart (who will later dismantle from within the system he learned from Ruder and Hofmann — the Basel New Wave of the seventies), Hans-Rudolf Lutz, Helmut Schmid (who becomes the main writer of analytical texts on Ruder's work), and Steff Geissbühler. The claim that April Greiman and Dan Friedman were also his students (via the Basel–Yale exchange) does not hold up on the timeline — both arrived in Basel in 1970/71, after Ruder's death in March 1970 — they probably studied under Weingart and Hofmann, not Ruder. More broadly, the entire later debate about ragged setting on the web — caused by the impossibility of algorithmic text justification in early browsers — arrived, forty years later, at the same conclusion Ruder reached by hand in 1967.

Linked from other profiles

David CarsonWim CrouwelKarl GerstnerIrma BoomWolfgang Weingart

Key works — full analysis

01 · Werk — cover (1948)

Werk — naslovnica
reading of the work
Year
1948
Client
Werk (Swiss monthly for architecture, art, and applied art)
Technique
magazine cover, A4 format
Size
21 × 29.7 cm
Type
humanist serif (class; specific typeface not confirmed)

Colours (described, not measured): black; red (the word werk); white background

White space as shape

record ↗ · original image ↗

  1. What it is — cover of the Swiss monthly Werk (architecture, art, applied art), A4 format, 1948.
  2. Composition — five lines of text aligned to the right margin, centred, against the left edge of the white page; enormous spacing between lines and towards the edges — the text occupies maybe a fifth of the surface, the rest is a pure white field.
  3. Colour — black for all text except the word "werk", which is in red — the only colour on the entire page, and it falls on the single word that is also the publication's name.
  4. Typography — humanist serif, typeface class recognisable, specific typeface not confirmed. This is surprising for 1948, before Ruder's later, almost exclusive reliance on grotesque (sans serif). It shows that his "Swiss" language was not finished from the start but was being built up.
  5. Message — a calm, almost contemplative announcement of content ("werk, Swiss monthly for architecture, art and applied art") without a single graphic trick — the message is the word itself and its weight in space.
  6. Why exactly this way — in 1948 Ruder has been teaching for six years but has not yet published a single theoretical text; this is the work of a craftsman who already knows that white carries meaning, before he had formulated it in words.
  7. What would kill it — aligning the text to the centre of the page instead of to the left margin — the present asymmetry is exactly why the white space reads as drawn, not accidental.

Principles: White space as shape To verify against the image: the exact serif typeface; whether "werk" is in the same typeface as the rest or a separate cut.

02 · Kunsthalle Basel — Walter Bodmer / Hans Hartung (1952)

Kunsthalle Basel — Walter Bodmer / Hans Hartung
reading of the work
Year
1952
Client
Kunsthalle Basel
Technique
poster; the exact printing technique is not specifically documented
Size
to verify against the image — the original dimensions are not given in the record
Type
grotesque (sans serif) of the Akzidenz-Grotesk type (class; specific typeface not confirmed)

Colours (described, not measured): black; white

Text as a grey area

record ↗ · original image ↗

  1. What it is — poster for a joint exhibition of Walter Bodmer and Hans Hartung at Kunsthalle Basel, February–March 1952; no photograph, pure typography.
  2. Composition — three blocks of text scattered asymmetrically across the white surface: "Kunsthalle / Basel" top right, "Walter / Bodmer / Basel" middle left, "Hans / Hartung / Paris" bottom right — no two blocks align on the same vertical, yet the whole page still reads as balanced.
  3. Colour — exclusively black on white; no other colour.
  4. Typography — bold grotesque of the Akzidenz-Grotesk type (class; specific typeface not confirmed), all capitals of the same cut — hierarchy comes purely from size and position, not from a mix of typefaces.
  5. Message — passes the three-second test: institution, two names, two cities — nothing more, nothing less. The five-metre test passes equally well because there's no small text to get lost.
  6. Why exactly this way — two artists, two cities of origin, one institution — Ruder treats this factual structure as a compositional diagram, not as a problem to be hidden by evening it out.
  7. What would kill it — aligning all three blocks to the same left margin — the scattered layout is exactly why the eye has to actively cross the whole surface to read the poster, instead of sliding down one edge.

Principles: Text as a grey area To verify against the image: the exact proportions/positions of the blocks in % of format have not been verified.

03 · TM 4/1953 — cover (1953)

TM 4/1953 — naslovnica (broj o korekturi u štampi)
reading of the work
Year
1953
Client
Typografische Monatsblätter
Technique
magazine cover; full flat colour
Size
to verify against the image
Type
small grotesque (sans serif) (class)

Colours (described, not measured): red (vermilion); white

Flat colour reads at distance

record ↗ · original image ↗

  1. What it is — cover of TM, issue devoted to proofreading in the printing industry, April 1953.
  2. Composition — an enormous rectangle of solid colour occupies about two-thirds of the right side of the page; a small block of text is squeezed against the very left edge, arranged vertically.
  3. Colour — solid, flat red (vermilion) surface against white — extreme surface contrast with not a single transitional value.
  4. Typography — small grotesque (class), at the limit of legibility in this reproduction — the text here doesn't carry the main message, the colour does.
  5. Message — five-metre test: what you see is "a red rectangle against a white edge", not the text content — the cover communicates the mood/genre of the issue before a single word is read.
  6. Why exactly this way — a cheap trick (one flat colour, no photograph, no halftone screen) works at the newsstand just as well as a more expensive solution.
  7. What would kill it — larger, more legible text — the whole strength of the piece is that colour dominates and text remains secondary, almost a decorative trace.

Principles: Flat colour reads at distance To verify against the image: exact content and cut of the small text. Not verified against the image.

04 · Joan Miró — exhibition poster, Kunsthalle Basel (1956)

Joan Miró — izložbeni plakat, Kunsthalle Basel
reading of the work
Year
1956
Client
Kunsthalle Basel
Technique
lithograph; printer Buchdruckerei VSK, Basel
Size
128 × 90.5 cm
Type
small grotesque (sans serif) (class; specific typeface not confirmed)

Colours (described, not measured): petrol/turquoise-blue; black; red; white

Borrowed vocabulary of the author Analogy instead of illustration

record ↗ · original image ↗

  1. What it is — poster for the Joan Miró exhibition at Kunsthalle Basel (24 March – 29 April); lithograph, 128 × 90.5 cm, printed by Buchdruckerei VSK Basel; the copy at MoMA is a gift from the designer himself.
  2. Composition — on a deep petrol-blue ground: a large black circle top left connected by a thin diagonal line to a smaller black circle below — like a pendulum or a "coup de dés" figure; separately, top right, a small red circle with a white halo. The name and exhibition details sit below, outside that figure.
  3. Colour — only four: petrol blue (ground), black (figure), red and white (small accent circle) — the red-white circle is the only place where all the "warmth" of the poster concentrates.
  4. Typography — small grotesque (class; specific typeface not confirmed), reduced to two lines of information — typography here is not the carrier of the message, just a caption to the image.
  5. Message — three-second test: the name "Miró" is recognised even before reading the letters, because the figure itself is assembled from Miró's own visual vocabulary (circle, dot, thin line, red eye) — this is not an illustration of one of his works but a diagram built from his trademarks.
  6. Why exactly this way — for an exhibition of an artist whose vocabulary is already iconic, borrowing that vocabulary is more effective than quoting a specific image — the poster functions both as an announcement and as a small exercise in Miró's language.
  7. What would kill it — if the red circle were the same blue as the background — that single warm accent is exactly why the eye returns to it after crossing the diagonal.

Principles: Borrowed vocabulary of the author (related to, but different from Analogy instead of illustration: it does not build an analogy for the exhibition's content but borrows the exhibiting artist's own visual vocabulary) To verify against the image: The exact position of the elements in percentages of the format has not been verified.

05 · Ronchamp (1958)

Ronchamp — Le Corbusier, Chapelle Notre-Dame du Haut de Ronchamp
documented
Year
1958
Client
Editions Desclée De Brouwer, Paris
Technique
book, 106 pp., photographs by Paul and Esther Merkle, printed in Basel
Size
25.4 × 25.4 cm
Type
to verify against the image

Colours (described, not measured): black-and-white photograph; white/cream page

Photograph is the layout The spread is the unit

record ↗ · original image ↗

  1. What it is — a monograph on Le Corbusier's chapel Notre-Dame du Haut in Ronchamp; 106 pages, 25.4 × 25.4 cm, French text, 48 black-and-white photographs by Paul and Esther Merkle, foreword by Hans Urs von Balthasar; publisher Editions Desclée De Brouwer, printed in Basel.
  2. Composition — according to Helmut Schmid's description (2017): vertical and horizontal photographs on the right-hand page, text in one or two columns on the left, with pagination aligned to each column — the spread is the unit of layout, not the individual page.
  3. Colour — high-contrast black-and-white photographs on a white/cream page; no added colour.
  4. Typography — specific typeface not confirmed in the sources available for this edition.
  5. Message — "freed from the weight of the Bauhaus... fresh and new compared to the typography of its time" (Schmid) — a book on radical sacred architecture gets an equally radically fresh, yet disciplined, layout.
  6. Why exactly this way — an architectural monograph requires that photography carry the evidence (form, light, material), while the text stays strictly secondary, yet readable — hence the two-column text set against full-bleed photographs.
  7. What would kill it — photographs embedded within the text instead of on a separate page — the separation lets each photograph get the full format and full attention, just as in the architecture it depicts.

Principles: Photograph is the layout The spread is the unit To verify against the image: the interior spreads have not been verified (only the front cover is available); the exact typeface of the text and the exact column scheme remain unverified given the secondary description.

06 · TM 6-7/1959 — cover, „integrale typographie" (1959)

TM 6-7/1959 — naslovnica, „integrale typographie“
reading of the work
Year
1959
Client
Typografische Monatsblätter
Technique
magazine cover; the term integral typography was coined by Karl Gerstner
Size
to verify against the image
Type
grotesque (sans serif) of the Akzidenz-Grotesk type (class for the original; named only for the newer digital reconstruction of the same cover)

Colours (described, not measured): red; cream/off-white

White space as shape

record ↗ · original image ↗

  1. What it is — the TM cover, an issue devoted to the term "integral typography", coined by Karl Gerstner, June–July 1959.
  2. Composition — an enormous empty, cream space occupies almost the entire page; all the content — one line of small names/terms and two larger words, "sondernummer integrale typographie" — is squeezed into the bottom third, against the left margin.
  3. Colour — red for all the text on a neutral cream ground; no other colour.
  4. Typography — Akzidenz-Grotesk (documented — but only for a more recent digital reconstruction of the same cover, made in 2018 by a Wikimedia contributor; for the original (scan) the typeface is not independently confirmed, though it is consistent with the rest of the body of work).
  5. Message — the format itself is the argument: an issue announcing the merging of text and image into a single system opens with maximum emptiness — the message is restraint before a single word is read.
  6. Why exactly this way — here Ruder practises what the issue preaches: if "integral typography" is the equality of text and image, then the absence of image (a pure white/cream field) also becomes an equal compositional element.
  7. What would kill it — centring the text on the middle of the page — its current position against the lower-left corner is the reason the enormous empty space above reads as a drawn figure, not as a leftover.

Principles: White space as shape To verify against the image: two versions of this cover circulate online — one is a scanned reproduction (used here), the other a modern digital reconstruction of the same design; do not conflate them as a source for the exact letterforms.

07 · TM 1/1961 — cover, issue on Univers (1961)

TM 1/1961 — naslovnica, broj o Universu
reading of the work
Year
1961
Client
Typografische Monatsblätter
Technique
magazine cover; the entire surface set as a word across a series of Univers cuts
Size
to verify against the image
Type
Univers (documented)

Colours (described, not measured): black; cream/off-white

System as the medium Grid derived from typography Module and proportion

record ↗ · original image ↗

  1. What it is — the TM cover, an issue devoted to Adrian Frutiger's typeface Univers, January 1961.
  2. Composition — the entire surface is a grid of lines; each line repeats the words "typographische monatsblätter" in a different cut/weight/width of Univers — from the smallest, lightest cut at the top to the largest, heaviest at the bottom.
  3. Colour — black on an off-white/cream ground; no other colour.
  4. Typography — Univers (documented) — this is not an illustration about a typeface but the issue about Univers itself printed as a specimen of Univers — content and form are the same text.
  5. Message — the three-second test: even without reading the text, the eye immediately reads "this is a specimen table of a typeface" — a publication that looks like its own thesis is the strongest possible advertisement for that thesis.
  6. Why exactly this way — Univers was the first typeface designed as a coordinated family of cuts/widths/weights under a single numbering system (Frutiger's system 39–83) — Ruder's cover makes that abstract system literally visible, line by line.
  7. What would kill it — if the lines were in random order rather than progressive weight — the current arrangement from lighter to heavier builds a visual crescendo that reads as "system", while a random arrangement would read only as "noise".

Principles: System as the medium Grid derived from typography Module and proportion To verify against the image: the exact number of lines/cuts shown is not confirmed.

08 · TM 10/1967 — cover, 20 years of Buchdruckfachklasse (1967)

TM 10/1967 — naslovnica, 20 godina Buchdruckfachklasse
reading of the work
Year
1967
Client
Typografische Monatsblätter / Buchdruckfachklasse Basel
Technique
magazine cover; a single number cropped across the entire surface
Size
to verify against the image
Type
bold grotesque (sans serif) (class; specific typeface not confirmed)

Colours (described, not measured): black; off-white

Legibility at the edge

record ↗ · original image ↗

  1. What it is — the TM cover for the twentieth anniversary of the Buchdruckfachklase (the special letterpress class Ruder founded in 1947), October 1967.
  2. Composition — the enormous number "20" is cropped so aggressively that only fragments of the digits fit in the frame — the arc of the digit "2" is visible at the top and part of the digit "0" at the bottom, both cut off by the edge of the page.
  3. Colour — black on an off-white ground; no other colour.
  4. Typography — a bold grotesque (sans serif) (class; the specific typeface is not confirmed) — here the letter/number is not text to be read but the actual form of the composition.
  5. Message — a test of legibility at the limit: the number is recognised as "20" only after the eye assembles the two fragments — one step before the complete loss of the form's identity, exactly how Ruder taught testing where recognisability breaks.
  6. Why exactly this way — the anniversary of a class devoted to the craft of the letter is celebrated by breaking down the letter/number itself to the limit of recognisability — the content of the number demonstrates the very same risk Ruder taught about.
  7. What would kill it — if the whole number "20" fit within the frame — without cropping, exactly the tension of "is this still a number" would be lost, and that tension is the reason the piece still feels contemporary today.

Principles: Legibility at the edge To verify against the image: the exact typeface and percentage of cropping are not confirmed.

09 · Typographie — book cover (1967)

Typographie — korice knjige
reading of the work
Year
1967
Client
Verlag Arthur Niggli
Technique
hardcover book, cloth
Size
to verify against the image
Type
Univers (documented, PGDA)

Colours (described, not measured): black; white

System as the medium Grid derived from typography Legibility at the edge

record ↗ · original image ↗

  1. What it is — cover of the book Typographie: Ein Gestaltungslehrbuch / A Manual of Design, Verlag Arthur Niggli, 1967; hardcover, cloth.
  2. Composition — square cover divided into unequal fields: on the right a large black field with an enormous white "T"; on the left a series of smaller fields which, read top to bottom, spell out the remaining letters of the word "TYPOGRAPHIE" — where the lower part of that left column is rotated 180° (letters upside down), alternating black-on-white and white-on-black.
  3. Colour — black and white only; no third value.
  4. Typography — Univers (documented, PGDA) — the same family that is also the subject of TM issue 1/1961 (work 07), here broken into modules of unequal size instead of into lines of equal length.
  5. Message — the three-second test: the word "TYPOGRAPHIE" reads even when half the letters are upside down and scattered across unequal cells — the message of the book (the letter stays recognisable even under extreme pressure from the system) is spelled out on its own cover before a single page is opened.
  6. Why exactly this way — a book that teaches that legibility, module, figure/ground contrast, and the limit of readability are real tools, not abstract theory, proves it on its own cover first, in its content afterward.
  7. What would kill it — if all fields were the same size — the unequal module (one enormous "T" against a row of tiny fields) is why the composition has hierarchy instead of being merely a decorative checkerboard.

Principles: System as the medium Grid derived from typography Legibility at the edge To verify against the image: exact module scheme in % of format.

Other works — evidence, no analysis

There are no additional works without full analysis. The remaining three entries from the v1 roster have been removed as incorrect attributions — see Notes on sources.

Principles — summary

White space as shape Text as a grey area Flat colour reads at distance Borrowed vocabulary of the author Photograph is the layout The spread is the unit System as the medium Grid derived from typography Module and proportion Legibility at the edge

Two local candidates (not yet in _PRINCIPI.md — need a second author to enter the shared index): - Text as a grey area — the text block has an optical grey value that must be balanced against all other elements of the page as an abstract composition, regardless of what it says (Kunsthalle Basel poster; the central thesis of the whole book Typographie). - Borrowed vocabulary of the author — a poster for an artist's exhibition builds its composition from that artist's OWN visual vocabulary (the shape, colour, gesture by which they are recognisable), not from a general geometric language nor from a literal quotation of one specific work (Miró, 1956).

System as the medium and Legibility at the edge here gain a second and third author in the project — see _PRINCIPI.md (so far only Josef Müller-Brockmann and Armin Hofmann respectively).

Bridge to practice: poster · graphic design · motion

Poster

The Kunsthalle Basel poster (02) shows that the hierarchy of three equally weighted facts (institution, two names) can be resolved purely through position and size, without a single image and without a single added colour. For an announcement of something with several equally weighted names/terms (a collaboration, a guest artist), it's worth first trying it without an image — scattering the text blocks deliberately asymmetrically and checking whether the typography alone carries enough.

Graphic design

A piece of Ruder's craft that transfers directly into Illustrator/InDesign: word spacing is set as a function of letter size and kept fixed — automatic alignment (justify) must not change it line by line. When setting a larger block of text, it's useful to "squint" at the whole page (or shrink it to a tiny thumbnail) and check whether the grey value of the text is balanced against the other elements as an abstract composition — exactly as on the Kunsthalle poster.

Motion

This is a designer whose central argument translates literally into the medium of animation: Ruder claims that typography is a temporal art — the reader moves through it, and the designer's true material is the rhythm of black and white, not the individual letter. In AE or MOHO that means: the timing of text on screen (how long it stays, how fast it enters, the spacing/pause between alternating lines) is treated as the same craft as word spacing on paper — spacing in time is word spacing, just measured in frames instead of millimetres.

Bad imitation

The most common mistake in modern "Swiss" pastiches: a grotesque (sans serif) and a grid are used, but the text is justified because it "looks neat" — this is exactly what Ruder explicitly rejected, because justification stretches and squeezes word spacing at random and destroys the rhythm that his whole system was meant to preserve. A second mistake: treating the grid as a decorative skeleton drawn over the page, instead of deriving the grid from the actual size and leading of the typeface — the test is simple (see _PRINCIPI.md, Grid derived from typography): if changing the leading by one point doesn't change the grid, the grid wasn't derived but drawn. A third: copying the "emptiness" of Ruder's TM 1959 cover as empty space without content, instead of as a deliberately drawn element carrying exactly as much weight as the text.

The brief through their eyes

First move: the festival name, dates, and location are treated as three equal typographic facts, resolved purely through position and size — without an image, at least in the first attempt, to verify whether the typography alone carries enough weight. If a single image or mark is kept after all, it's placed as a block with its own grey value, balanced against the text as an abstract composition, not as an illustration that explains the title. The grotesque (sans serif) and the grid are derived directly from the size and leading of the text itself, word spacing stays fixed and never runs through justify, which would stretch that spacing line by line. The same grid and the same fixed spacing carry over unchanged into the programme booklet and the ticket, so the system stays recognisable even when the image isn't present on every unit. In the ten-second motion sting, the timing of on-screen text — how long the title holds, how fast it enters, how long the pause between lines is — is treated as the same craft as word spacing on paper, just measured in frames instead of millimetres.

Exercises

  1. Take one paragraph of text (any) and set it in three versions: justified, unjustified with fixed word spacing, and unjustified where the shape of the ragged edge (rag) is manually "drawn" line by line. Compare the grey value of all three versions with a squinting eye.
  2. Take three equal pieces of information (three names, three dates, three terms) and lay them out on a page without a single image, deliberately asymmetrical, as in the Kunsthalle Basel poster — verify whether the result is balanced before adding a single other element.

Motion study

A five-second exercise in AE or MOHO: one line of text enters, holds for exactly as many frames as it "weighs" (number of letters × fixed time per letter), then exits; the next line enters by the same rule. Constraint: one frame, one timing system for all lines — the timing is the "word spacing".

Rebuilding the benchmark

Benchmark: the cover of Typographie (09). Skeleton: a square divided into one large field (~55% of the width, full height) and a row of smaller fields in the remaining ~45% of the width, alternating black/white. Task: reconstruct the layout in Illustrator in 45 minutes without looking at the original, placing each letter of the word TYPOGRAPHIE into its own field (including rotating the lower fields by 180°), then compare with the original.

Difference from its pair

Armin Hofmann ↔ Emil Ruder: colleagues at the same school from 1947, but with material that doesn't overlap. Hofmann's material is the eye — the image is taken in all at once, as a gestalt, before it's read. Ruder's material is time — a word is read letter by letter, line by line, and his "system" is literally the rhythm by which that time sequence moves. Both build discipline, but Hofmann is the discipline of the instant, Ruder is the discipline of duration.

Josef Müller-Brockmann ↔ Emil Ruder: both "system" designers, but of a different kind of grid. Müller-Brockmann's grid is spatial — it divides the page into columns and modules for arranging image and text. Ruder's grid is derived from the typeface itself — the module comes from the width of the letters and the thickness of the spacing, not from dividing the format; for him, the grid doesn't exist until a typeface is chosen.