Era 1965 · 1925–1994

Muriel Cooper

book as system → typography without paper (depth, transparency, movement)

first design director of MIT Press (1967–74); founder of the Visible Language Workshop (1974/76); professor at the MIT Media Lab (1985)
Brookline (Massachusetts) → Cambridge (MIT), Milan 1958

„This stands as a sketch for the future.“ — closing sentence of the letter to PLAN magazine, 1980 (Reinfurt). Verified. „Print is rigid. Electronic is malleable.“ (99% Invisible, without a primary source — with reservation.) v1 quote „Information is not knowledge. Design is how you get from one to the other.“ not found in any source — discarded.

Biography

Born 1925 in Brookline near Boston. Ohio State (BA 1944), then Massachusetts College of Art — design (BFA 1948) and pedagogy (BSEd 1951). Briefly in New York in advertising; one of the first people she met was Paul Rand, who was „very critical of her typography“. From 1952 at MIT, in the Office of Publications — the office producing the university's technical publications; there she sets standard formats and job classification, so for the first time she isn't designing a book but the procedure by which books are made. She brings in Jacqueline Casey (1955).

1958 Fulbright in Milan (Wikipedia 1958–63; Wiesenberger 1957), then her own studio in Boston. In 1967 she returns as the first design director of MIT Press and by 1974 designs or oversees around 500 books. Her two biggest: Bauhaus (1969), two years of work, and Learning from Las Vegas (1972), a book the authors hated and which became a collector's item. That same 1974 she leaves the Press: with Ron MacNeil (photographer, physicist, programmer) she runs the course Messages and Means at the Department of Architecture — students typeset, photograph, make plates and print on an offset press themselves. In January 1976 students literally tear down the wall between the print shop and the darkroom — this is the Visible Language Workshop. VLW changes three buildings (1976, 1981, 1985) and in 1985 enters the Media Lab as one of the founding groups; Cooper is the first woman with tenure at the Media Lab.

She never learned to program. Instead she insists that the designer sit in the same room as the engineer, and that code pass from generation to generation of students (open source before it was a term). With Negroponte in 1978 she coins „soft copy“ — content separated from form. In 1989 she guest-edits Design Quarterly 142 (Computers and Design) and writes there that the flow of information will be too fast for anyone to format, so design will become the making of templates and processes instead of individual pieces. In February 1994, at TED5 in Monterey, she shows Information Landscapes; Bill Gates asks for a copy. She dies 26 May 1994 in Boston. AIGA medal the same year. MoMA acquires the colophon in 2022/23 (gift of MassArt and MIT).

She published little, left few artefacts, and so is less known than she was influential. Reinfurt: the influence is "ambient and pervasive" — anti-aliasing, responsive layout, typography in software from Photoshop to Instagram trace back to VLW, but without a signature.

Influences

Studied with

  • Ohio State University, BA 1944; Massachusetts College of Art, BFA design 1948 and BSEd 1951 (Wikipedia, MassArt is also the donor of the colophon to MoMA)
  • Paul Rand — not a teacher but a first meeting in New York around 1951; "very critical of my typography" (Baseline blog, her quote)
  • Fulbright, Milan 1958 (Wikipedia 1958–63; bauhauskooperation 1957) — layer, transparency, abstraction (Design Observer)

Borrows from

  • Bauhaus as a workshop model, not as a style — VLW named "with a self-conscious reference" to the Bauhaus workshops (bauhauskooperation)
  • Moholy-Nagy, the concept of the cinematic in print — "visual and verbal means of linking different time frames of sound and moving image in the printed medium" (bauhauskooperation)
  • Swiss grid — Bauhaus book: "the evolution is clearly out of the Swiss grid system, but a relatively rich one" (her quote, bauhauskooperation)
  • Gerstner, Designing Programmes — the grid as "a paradigm of graphically expressed spatial and relational instructions" (Back Office / Maudet)
  • Bauhaus happening and theatre — design as performance, not as composition (Maudet)

Influenced

  • Lisa Strausfeld (Financial Viewpoints; later Pentagram, Bloomberg) — VLW student
  • David Small (SLOSCAN 1985; Information Landscapes) — VLW student
  • John Maeda — successor at the Media Lab; through him Processing (Reas, Fry 2002) — Maudet: "a direct homage"
  • Jacqueline Casey — brought her to MIT in 1955 (Wikipedia); Ralph Coburn, Dietmar Winkler — MIT Office of Publications
  • Ron MacNeil — co-founder of VLW; Suguru Ishizaki, Earl Rennison, Yin Yin Wong, Jeffrey Ventrella, Robert Silvers — co-authors of Information Landscapes (MoMA)

Contemporaries

  • Massimo Vignelli — a system that survives its author in print / a system that keeps changing on screen
  • Wim Crouwel — New Alphabet 1967 accepts the screen as a constraint / Information Landscapes 1994 takes the screen as space
  • György Kepes — recommended her for MIT; CAVS (Center for Advanced Visual Studies) where she was a fellow
  • Nicholas Negroponte — Architecture Machine Group, Media Lab; "soft copy" coined with him in 1978

Who she studied under

Ohio State and MassArt (formally). Paul Rand as the first serious critic (1951, New York). Milan 1958 — no teacher named; Design Observer derives from Milan an interest in layering, transparency and abstraction. György Kepes recommends her to MIT and keeps her close to CAVS. No „teacher“ in the master–pupil sense is documented.

What she steals

Who she influenced

VLW students: Lisa Strausfeld (Financial Viewpoints → Pentagram, Bloomberg), David Small (SLOSCAN 1985), Suguru Ishizaki, Yin Yin Wong, Earl Rennison, Jeffrey Ventrella, Robert Silvers. Her successor at the Media Lab, John Maeda, and through him Casey Reas and Ben Fry — Processing (2002), which Maudet calls a „direct homage“. At MIT: Jacqueline Casey, Ralph Coburn, Dietmar Winkler. Around her: Negroponte (Architecture Machine, Media Lab), Kepes (CAVS).

Pairs in the project: Massimo Vignelli and Wim Crouwel (see the sentences of difference at the end).

Linked from other profiles

David CarsonApril GreimanIrma BoomWolfgang Weingart

Key works — full analysis

01 · MIT Press colophon (1965)

MIT Press colophon
documented + reading
Year
1965
Client
MIT Press
Technique
lithograph with collaged paper (working version, 740.2022.1); digital image (740.2022.2)
Size
29,2 × 19,1 cm (working version)
Type
no typeface — seven strokes derived from the lowercase letters mitp

Module and proportion Legibility at the edge Analogy instead of illustration

record ↗ · original image ↗

  1. What it is — a publisher's mark. MoMA holds two things: a working version (lithograph with collaged paper strips, 29.2 × 19.1 cm, gift of MassArt, 740.2022.1) and a digital version (gift of MIT, 740.2022.2). The date is not uniform across sources: MoMA and MIT Press give 1965, Reinfurt 1964, Frieze and Design Observer 1963, one source 1962. 1965 is taken here (museum and client). It has been in use unchanged to this day.
  2. Composition (measured from the digital version) — seven equal vertical strokes; stroke width to gap ratio ≈ 2 : 1. The four left ones and the seventh sit on the x-height; the fifth rises above (the ascender of the letter t), the sixth falls below (the descender of the letter p). The ascender and descender each measure ≈ ⅓ of the x-height; the whole mark is ≈ 20 units wide and ≈ 31 high (unit = gap), so an upright rectangle ≈ 2 : 3. Letters m-i-t-p: m = 1–3, i = 4, t = 5, p = 6–7. The eye enters on the fifth stroke (the only one breaking the top line), drops to the sixth (the only one breaking the bottom) — two deviations from the order carry all the movement. Reinfurt: derived from an axonometric sketch of books on a shelf; Baseline: "one he pulled up, one he dropped" — that is literally the operation. The working version (740.2022.1) shows something else: strokes 2–4 are pasted-on lighter strips, and the descender is on the seventh, not the sixth stroke. Either this is an earlier variant, or the reproduction is mirrored. This has not been verified against the original.
  3. Colour — one. Black on white or white on black (the sketches in PGDA are negative); the mark is drawn so it does not depend on colour.
  4. Typography — there are no letters. The word is reduced to stems without arcs: t without a crossbar, p without a bowl, m without arches. What remains is only what in metal type is called the rhythm of verticals. No typeface can be named because there is none.
  5. Message — from five metres: a bookshelf / a barcode (Reinfurt: "mass-production products in neat order, dematerialised into pure information of machine-readable graphics"). From half a metre, if you know it: mitp. The three-second test passes as an image, not as a word; the word is a reward for those who know. For a technical university's publisher, that is the correct stance.
  6. Why exactly this way — the mark has to go on a 1 cm book spine, on a box, on letterhead and on a catalogue: nothing with arcs would survive the spine. And it must survive without her — which it has (Amy Brand, MIT Press: "almost 60 years").
  7. What would kill it — adding a dot to the i. Or evening out the heights "to be tidy": without the fifth and sixth strokes, it's a fence.

Principles: Module and proportion Legibility at the edge Analogy instead of illustration To verify against the image: whether the descender in the working version really is on the seventh bar (a mirrored reproduction?); the exact bar/gap ratio in the official specification.

02 · *Bauhaus* — book cover (1969)

record ↗
documented + reading
Year
1969
Client
MIT Press
Technique
offset, four process colours deliberately out of register; book folio 26,7 × 36,8 cm, 653 pp., cream cloth, black endpapers, slipcase (Modernism101)
Size
26,7 × 36,8 cm (folio 10,5 × 14,5 in)
Type
Helvetica Bold (bauhauskooperation — "barely available in America in 1968")

Misregistration as the image Overlap gives a third colour One image, one word

record ↗

  1. What it is — the cover for Wingler's book Bauhaus (English adaptation of the German 1962 edition), MIT Press, 1969. Folio format 26.7 × 36.8 cm, 653 pages, 24 colour plates and over 1000 black-and-white images; cream cloth with black lettering, black endpapers, publisher's slipcase. The work took two years. The format was not her choice but a consequence of economics: the colour plates were taken from the German edition and they dictated the dimensions (Reinfurt). The book is still in print today, also known as the "Bauhaus Bible".
  2. Composition — a white field, one word. The lettering BAUHAUS stands upright, rotated 90° and read from bottom to top, along the left edge; it takes up nearly the whole height of the cover. Nothing else is on the cover. The eye enters at the bottom, climbs up the word and exits at the top — the cover thus reads like a spine, which for a 4 kg book on a shelf is the correct decision.
  3. Colour — three process colours plus black, each plate shifted by a few millimetres, so the same word is seen four times, slightly offset: cyan, magenta, yellow, black. Where the plates overlap, secondary colours and black appear; where they don't overlap, pure tone remains. The image on the cover is in fact a registration error declared intentional. Sources do not agree on where exactly this cover was used: Reinfurt claims the explosion of shifted plates occurred on the spine of the softcover edition; Wiesenberger describes the 1969 slipcase as black, with white BAUHAUS lettering; AGI catalogues this image as "book cover 1969". Most likely the slipcase was black-and-white, and the cover or softcover was like this. This remains open.
  4. Typography — Helvetica Bold, capitals, one line. Wiesenberger notes that Helvetica in America in 1968 was a novelty. The letters are solid and closed, so the plate shift doesn't break the form but multiplies it.
  5. Message — the Bauhaus was a school of industrial reproduction; the cover doesn't illustrate the Bauhaus (no Bayer, no red-and-black) but shows how a printed image is made — four plates, one word. From five metres away you see a coloured word, from half a metre four passes through the machine.
  6. Why exactly this way — her sentence reads: process before product, and where would that be better expressed than in a book about the Bauhaus. The spine of a 653-page book is, after all, the only part that is always visible on a shelf.
  7. What would kill it — perfect registration. Or adding an archival image: the word would then become a title, not an image.

Principles: Misregistration as the image Overlap gives a third colour One image, one word To verify against the image: which exact artefact (1969 cover / box / softcover) carried the shifted plates; direction and size of the shift per colour (measure in %).

03 · *Bauhaus* — promotional poster (1969)

record ↗
reading of the work
Year
1969
Client
MIT Press
Technique
offset, four process colours; format unknown
Size
to verify against the record
Type
Helvetica Bold (same setting as the cover)

System as the medium Misregistration as the image

record ↗

  1. What it is — a poster for the same book; AGI: "book cover and promotional poster". Format and technique are not recorded — probably offset in four colours.
  2. Composition — two zones: above, spanning the width of the format, the word BAUHAUS horizontally, in the same shifted four-colour setting as on the cover; below, the entire remaining surface, a grid of tiny book pages — dozens of spreads reduced to cells of equal size, like a contact print. The title is the only large form; the rest is texture. The eye: word → fall into the grid → search for one page.
  3. Colour — the title carries all the colour (cyan, magenta, yellow, black); the grid below is a grey texture with only the occasional spot of colour (the colour plates).
  4. Typography — one line of capitals; the rest is an image of typesetting, not typesetting.
  5. Message — the poster doesn't say "buy the book", it says: this is a system of pages. The whole book on a single sheet, like Mueller-Brockmann's Neue Grafik: a thesis shown as its own form.
  6. Why exactly this way — a 653-page book with three columns and a rhythmic pictorial section cannot be shown with one page; it can be shown with the rhythm of them all.
  7. What would kill it — five large pages instead of fifty small ones: it would remain an advertisement, the system would disappear.

Principles: System as the medium Misregistration as the image To verify against the image: format; number of cells in the grid; whether the cells are actual spreads in the book's sequence.

04 · *Learning from Las Vegas*, first edition (1972)

Learning from Las Vegas (Venturi, Scott Brown, Izenour), prvo izdanje
documented + reading
Year
1972
Client
MIT Press
Technique
cloth binding with gold stamping, transparent glassine wrapper with print; 2000 copies (Scott Brown)
Size
36 × 27 cm (facsimile 2017, Wikipedia)
Type
Helvetica (Scott Brown — "small Helvetica fonts", cover in Helvetica)

Transparent layer as depth White space as shape A system can be violent

record ↗ · original image ↗

  1. What it is — Venturi / Scott Brown / Izenour, MIT Press 1972; large format (facsimile 36 × 27 cm), cloth binding with gold foil stamping, transparent printed glassine jacket, 2000 copies. The authors rejected it; in 1977 Scott Brown herself typesets the softcover edition (23 × 15 cm, 192 pp.) which has been in print to this day; the original is sold out and now a collector's item. The MIT Press 2017 facsimile carries her foreword.
  2. Composition (cover, from the facsimile) — two layers read one through the other. On the glassine: running text in bold grotesque — chapter titles joined into a single paragraph ("A Significance for A&P Parking Lots, or Learning from Las Vegas. Commercial Values and Commercial Methods…"), the book title the only thing in red. Through the glassine, below: large gold letters LEARNING FROM LAS VEGAS and a small inset colour photograph of a billboard (Tanya). The text on the glassine is set so as to leave a hole through which the photograph shows (Scott Brown). Inside: a template with a "high ratio of blank space to content", tiny Helvetica, lines spaced at three leadings, photographs "the size of a postage stamp" (Scott Brown).
  3. Colour — gold on cloth + a red word on greyish transparent paper; everything else is black. Colour appears twice, both times for the title — once in each layer.
  4. Typography — Helvetica (Scott Brown). Cover: one paragraph without hierarchy except the red — chapter titles become a sentence; inside: small columns in a large blank space.
  5. Message — the book claims that the ugly and ordinary is worth attention; the cover says this in Late Modern language, meaning the opposite. Scott Brown: "one irony too many". Cooper: "what they wanted most was a Duck, not a Decorated Shed. I gave them a Duck." Five-metre test: gold letters through the glassine haze — a monument. Half-metre test: a running paragraph — content. Two messages, two distances, and depth between them.
  6. Why exactly this way — the template (grid, leading, image size) was set before the material went in; Scott Brown calls this the tyranny of the template. Cooper wanted a "salute to the Bauhaus" and proposed a jacket of bubble wrap in honour of the glitter of Las Vegas — rejected; glassine is the compromise that kept the transparency.
  7. What would kill it — removing the glassine: only the gold monument remains. Removing the hole for the billboard: only the paragraph remains. Together they make the work.

Principles: Transparent layer as depth White space as shape A system can be violent To verify against the image: inner spread (grid, actual leading); colour of the original canvas 1972 (facsimile looks ochre); Design Observer states that the original cover was bubble wrap over fluorescent dots — Scott Brown explicitly says this was a rejected proposal; the author's claim is more credible.

05 · *Messages and Means* — course poster (1974, with Ron MacNeil)

record ↗
documented + reading
Year
1974
Client
MIT, Department of Architecture
Technique
offset, the same sheet run through the machine four times with rotation and colour change ("rotation system", Eye on Design)
Size
square; measurements unknown
Type
grotesque (sans serif) of the Helvetica type, capitals (specific typeface not confirmed)

Speed is repetition and shift Overlap gives a third colour Program instead of artefact Cheap technique as language

record ↗

  1. What it is — poster for the introductory course Messages and Means (MIT, Department of Architecture, with MacNeil; Eye dates it 1974, Wiesenberger dates the course start to 1973). Square. Made by the method that is itself the course exercise: the same sheet through the offset press four times, the sheet rotated, colour changed with each pass.
  2. Composition — black field with a thin white border. The words MESSAGES and MEANS in capitals sit diagonally, at ±45°, repeated five or six times in parallel bands so they form an X across the whole square. There's no up and down: the rotation of the sheet is visible in the image itself. The eye enters on the lightest (yellow) word in the middle and travels along the diagonal; it never stops anywhere — that's intentional.
  3. Colour — magenta, yellow, cyan, red, green on black. The colours weren't chosen per word but per pass: one colour per pass, and where passes overlap a third colour appears. The black field makes the process colours glow as if on a screen.
  4. Typography — grotesque (sans serif) of the Helvetica type, capitals, one typeface. Specific typeface not confirmed. The word is there as a band, not as text.
  5. Message — the course teaches that the printing press is a thinking tool; the poster is the proof: it wasn't drawn and then printed, it was made by printing. From five metres: a coloured X; from half a metre: two words and four passes.
  6. Why exactly this way — there's no grid because there's no fixed page: the sheet was turned. This is her first work in which the rule (rotate, change colour, repeat) matters more than any single outcome — a hundred student sheets using the same procedure gave a hundred different posters.
  7. What would kill it — aligning the words horizontally and separating the colours by word. You'd get a course poster; the course would disappear.

Principles: Speed is repetition and shift Overlap gives a third colour Program instead of artefact Cheap technique as language To verify against the image: format in cm; exact number of repetitions and order of passes; whether the black field is a fifth pass or the paper itself.

06 · *File Under Architecture* (Herbert Muschamp, 1974)

record ↗
documented
Year
1974
Client
MIT Press
Technique
IBM Selectric setting with interchangeable typeballs, natron (kraft) paper, corrugated cardboard cover (Reinfurt, Frieze)
Size
17 × 24,6 cm (GD203 measurement of the copy)
Type
typewriter — IBM Selectric typeballs; multiple typefaces in one book (Frieze)

Cheap technique as language

record ↗

  1. What it is — Muschamp's essay (he was 27), MIT Press 1974. The whole book set on an IBM Selectric typewriter with interchangeable type balls, printed on natron (kraft/"butcher") paper, covers made of corrugated cardboard, "bound like a small parcel" (Designers & Books). Copy measured 17 × 24.6 cm.
  2. Composition — a single column ≈ 11.4 cm (4.5 in) wide with space for marginalia; lines generously spaced; pagination bottom left. Front cover: black rectangular frame with the title and name (GD203, copy description). Image not seen — this entry remains on the documented record.
  3. Colour — brown (paper) + black (text) + dark brown with a reddish tone (marginalia). Colour wasn't chosen, colour is the material.
  4. Typography — typewriter, multiple type balls: Frieze calls it the first document to change typeface and size within a single publication without a typesetter. Marginalia in italics, capitals, underlined — everything the type ball allows.
  5. Message — a book about architecture that looks like an office folder: the title is an instruction (file under…) and the subject carries it out. What Scott Brown didn't get for Las Vegas — deadpan, ordinary, cheap — Muschamp got two years later.
  6. Why exactly this way — economy and speed: by the late 60s the Selectric was replacing expensive typesetting departments at the Press, a correction took an hour instead of a day (Reinfurt). The constraint was turned into a vocabulary: type ball, natron, cardboard.
  7. What would kill it — resetting it in Helvetica on white paper. You'd keep a good essay; the book would disappear.

Principles: Cheap technique as language To verify against the image: cover and one spread (antiquarian listings are the only available trace); whether Cooper is credited as designer or it's "Cooper and Muschamp" (Reinfurt) — Frieze writes as if Muschamp designed it.

07 · *Bauhaus* — 16 mm flip-through film (1969)

record ↗
documented
Year
1969
Client
own work alongside the book
Technique
16 mm, stop-frame animation of pages (Reinfurt, Design Observer)

The spread is the unit Sequence and montage

record ↗

  1. What it is — a 16 mm stop-frame film in which Cooper pages through her own book Bauhaus, page by page (Reinfurt; Design Observer: "stop-frame animation of every page"). Duration, camera, and place of preservation are unknown.
  2. Composition — the frame is the spread; the editing follows the order of the book. Reinfurt's sentence: the book was "designed both statically and cinematically, with a mental model of slow-motion animation of page elements" — the three columns of the archival section and the rhythmic blanks of the pictorial section were planned as frames that alternate, and the film simply played that out.
  3. Colour — not verified against the image; the film isn't available online.
  4. Typography — the book's Helvetica Bold, in motion; nothing new added.
  5. Message — a 653-page book isn't an object but time; paging through it is reading. This film is the bridge between her two careers: from "Hard Copy" to "Soft Copy" (the titles of the sections in the 2017 monograph).
  6. Why exactly this way — Moholy-Nagy's "the cinematic in print" is taken literally; and practically it solves the problem of how to show a 653-page system in a lecture — you play the film.
  7. What would kill it — dissolves and music. Cut to cut, page to page, or it isn't a book.

Principles: The spread is the unit Sequence and montage To verify against the image: everything visual; whether the film exists in the MIT archive (Muriel Cooper personal archives, MIT ArchivesSpace).

08 · *Information Landscapes* (1994, VLW)

record ↗
documented + reading
Year
1994
Client
MIT Media Lab, Visible Language Workshop
Technique
multimedia video, 27 min; Silicon Graphics Reality Engine (Maudet)
Type
grotesque (sans serif) on screen; specific typeface not confirmed

Hierarchy by depth Transparent layer as depth Grain and blur as shape Program instead of artefact Same system across media

record ↗

  1. What it is — a multimedia video, 27 min, MoMA (gift of Strausfeld and Small); eight co-authors. A summary of VLW's ten years of work, shown at TED5 (February 1994) on a Silicon Graphics Reality Engine ($250,000). Sub-projects: Typography in Space, Financial Viewpoints (Strausfeld), GeoSpace, Interactive Calendar, Network Multiviews, Filtering the News, Galaxies of Information (Maudet).
  2. Composition (two frames seen) — black space without edges. Text sits on planes receding into perspective, not on a page: in one frame three labels (Symbolic / Spatial / Typographic Data) stand at different depths, and a world map lies like a tilted plate; in another frame MEDIA LAB sits large and red in front, below it three lines in three colours get smaller and blurrier with depth, and behind it all a semi-transparent photograph of a building. The eye enters on the nearest (sharpest) layer and travels into depth, not down-and-right. There's no frame: the camera is the user with a mouse.
  3. Colour — black ground; white and grey for text; red, orange, cyan/blue for layers. Colour separates layer, not subject; transparency (alpha) matters more than hue.
  4. Typography — grotesque (sans serif) on screen, specific typeface not confirmed. Hierarchy is not letter size but position in depth + blur + transparency: Financial Viewpoints uses depth of field and opacity layers for "contextual and temporary hierarchy" (Maudet). The same text is a headline when close, and a texture when far.
  5. Message — Negroponte: it "shattered the flat earth of overlapping opaque rectangles with the idea of a galactic universe". The message isn't the content but the method: the designer doesn't make a page but a space and rules of movement; the user chooses the path. Her sentence from DQ 142: "our goal is to turn information into some form of communication, which information itself is not".
  6. Why exactly this way — the content arrives in real time and isn't known in advance (Filtering the News), so it can't be laid out, only a rule can be written for how any possible content will be arranged. This is program instead of artifact taken to its conclusion: the parameters are depth, sharpness, alpha, relevance.
  7. What would kill it — putting hierarchy back into letter size and placing text in rectangles. You'd get a presentation; the space would disappear.

Principles: Hierarchy by depth Transparent layer as depth Grain and blur as shape Program instead of artefact Same system across media To verify against the image: the Financial Viewpoints and Galaxy of News frames haven't been seen. Which typeface was used hasn't been confirmed. Whether a full recording of TED5 exists (MIT Media Lab, 33:36 on YouTube) hasn't been verified.

Other works — evidence, no analysis

Principles — summary

Globally confirmed across the work: Module and proportion (01), Legibility at the edge (01), Analogy instead of illustration (01), Overlap gives a third colour (02, 05), One image, one word (02), System as the medium (03), White space as shape (04), A system can be violent (04), Speed is repetition and shift (05), Program instead of artefact (05, 08), Cheap technique as language (05, 06), The spread is the unit (07), Sequence and montage (07), Grain and blur as shape (08), Same system across media (08).

New local tags (awaiting a second author): - Misregistration as the image — the misregistration of printing plates is an image, not a mistake (02, 03). - Transparent layer as depth — a transparent layer (glassine 1972 / alpha 1994) creates two reading distances and depth between them (04, 08). - Hierarchy by depth — hierarchy isn't letter size but z-position, sharpness and transparency; size is just one axis (08).

Bridge to practice: poster · graphic design · motion

Poster

Graphic design

Motion

Bad imitation

  1. Glitch without plates. The colourful letter shift (02) is copied as an RGB-split effect on every headline. The miss: in Cooper's work the shift is the result of four actual plates — one word, four passes, the same vector. A random RGB-split on ten elements has no cause, so it has no meaning either.
  2. 3D text for the sake of 3D. Letters fly through space (08) but the hierarchy is still font size, and depth is just decoration. The miss: in her work depth replaces size. If the hierarchy doesn't change when the camera returns to flat — the depth did nothing.
  3. Template as ideology. Large emptiness and small text (04) are taken over because "that's what MIT Press looks like" — and then content that needs large images is crammed into it. Scott Brown named and explained this; repeating the same mistake 50 years later is worse than the first time.

The brief through their eyes

First move: define a rotational colour system for the festival title — one word, four CMYK passes, each rotated and shifted along the same vector, before a single photograph is chosen. Instead of illustrating the film, the mark is the registration itself: plate shift as image, a visible trace of the printing process instead of a photograph of a frame. The typography stays within the module and proportion, capitals, legible at the limit of poster size. From the poster grows a programme booklet as a series of spreads — each spread one pass of the rotational system, same logic, different pair of colours. The tickets carry cheap material as vocabulary: one typeface, cardboard, hierarchy only through what the format allows. The motion titles use hierarchy by depth instead of letter size — the festival title sharp and in front, the date and place behind, blurrier, until the camera moves in; the edit goes cut to cut, no dissolves, like a flip-through film of its own pages.

Exercises

  1. Four passes (45 min). One word, one typeface, square. Four layers in CMYK, Multiply; each layer rotated 90° relative to the previous one and shifted 2% of the format. Nothing is added. Compare with 05.
  2. Letter stems (30 min). Take your own name in lowercase grotesque (sans serif); erase everything except the upright stems. Adjust only two things: which stem goes up, which goes down. Test: does anyone recognise the word? It should not be recognised immediately.
  3. Tyranny of the template (45 min). Make a page template with 70% emptiness; insert three contents: a long headline, a blurry photograph, a table. Write down where the template beats the content. That's Scott Brown's lesson, in one evening.

Motion study

Five seconds, AE. Black frame, three lines of text of the same size at z = 0, −500, −1000; camera with Depth of Field, focus at 0. One event: the focus travels from the first to the third line (Focus Distance keyframe), without moving the letters. Principle: hierarchy is sharpness, not size. No music, no cross-dissolves.

Rebuilding the benchmark

Benchmark: colophon (01). Skeleton .svg: portrait format 20 × 31 units; seven stems of width 2, gap 1; x-height from unit 6 to 24 (18 units); fifth stem from 0 to 24; sixth from 6 to 31; the rest 6–24. Task: from the description, without looking, build it in Illustrator in 15 min, then compare with MoMA 740.2022.2. Second benchmark, harder: Messages and Means (05) — square, words at 45°, five bands along the diagonal; 45 min.

Difference from its pair