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)
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
Bauhaus as workshop. Not a style but an organisation: VLW was named with
a „self-conscious reference“ to the Bauhaus workshops (Wiesenberger).
Moholy-Nagy — the cinematic in print. The book Bauhaus is, in her own words,
„designed both statically and cinematically, with a mental model of slow-motion animation
of the page elements“.
The Swiss grid, but „relatively rich“; and Karl Gerstner — the grid as a set
of instructions, not as a drawing (Maudet).
Bauhaus theatre and happening — design as performance in time (Maudet).
The printing press itself. Offset as an „interactive medium“ (Carlos, Walker):
registration error, sheet rotation, colour change between passes — all of this is
vocabulary, not a fault.
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).
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.
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.
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.
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.
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.
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").
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.
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".
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.
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.
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.
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.
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.
What would kill it — perfect registration. Or adding an archival image: the word
would then become a title, not an image.
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.
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.
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).
Typography — one line of capitals; the rest is an image of typesetting, not typesetting.
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.
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.
What would kill it — five large pages instead of fifty small ones: it would remain
an advertisement, the system would disappear.
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.
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).
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.
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.
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.
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.
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 depthWhite space as shapeA system can be violentTo 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)
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.
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.
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.
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.
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.
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.
What would kill it — aligning the words horizontally and separating the colours by word. You'd get a course poster; the course would disappear.
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.
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.
Colour — brown (paper) + black (text) + dark brown with a reddish tone (marginalia). Colour wasn't chosen, colour is the material.
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.
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.
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.
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 languageTo 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.
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.
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.
Colour — not verified against the image; the film isn't available online.
Typography — the book's Helvetica Bold, in motion; nothing new added.
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).
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.
What would kill it — dissolves and music. Cut to cut, page to page, or it isn't a book.
Principles:The spread is the unitSequence and montageTo verify against the image: everything visual; whether the film exists in the MIT archive (Muriel Cooper personal archives, MIT ArchivesSpace).
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).
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.
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.
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.
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".
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.
What would kill it — putting hierarchy back into letter size and placing text in rectangles. You'd get a presentation; the space would disappear.
MIT Office of Publications, format system (1952–58) — standard formats and
job classification for MIT's technical publications; no image; Reinfurt.
The Architecture Machine (Negroponte, MIT Press 1970) — cover; Walker;
not seen.
A Primer of Visual Literacy (Dondis, MIT Press 1973) — cover; Walker; not
seen.
Design Quarterly 142 — "Computers and Design" (Walker Art Center, 1989) —
guest editorship and essay pp. 1, 4–31; prediction that design was becoming
"templates and processes instead of individual pieces" (Eye 96); Monoskop; image
not seen.
SYS (MacNeil and students, 1979) — VLW's proto-Photoshop software; Airbrush
Plotter (MacNeil, 1980) — billboard printer; SLOSCAN (Small, 1985) — an image
transmitted line by line over distance (Boston → São Paulo, Tokyo); Reinfurt.
Rotation prints, VLW workshops (from 1975) — found graphics on
transparencies, one process colour per transparency, one plate,
continuous colour shift and random overlap (Frieze); the method behind poster 05.
AIGA Medal 1994; memorial pamphlet (Tom Wong, 1994, PGDA 6516) — v1
attributed it as her work; it isn't.
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
Registration as image (02): in Illustrator the title is set in one typeface, then duplicated four times onto CMYK plates (Multiply), each copy shifted 1–3% of the format in a different direction. The shift isn't random — it's a vector per colour, the same across the whole poster. It's a glitch, but with print logic instead of RGB.
Rotation system (05): one text element, one colour per "pass", sheet rotated 90°/45° between passes, Multiply. Four passes make four layers. Nothing is added that wasn't produced by a pass.
Colophon (01): for reducing a mark it's worth trying reduction to the skeleton of the letters — once the curves are erased, you check whether the rhythm stays recognisable. Cooper's rule: two deviations from the baseline (one up, one down) hold the whole movement together.
Graphic design
Transparent layer (04): cover in two layers — small running text on the front, large headline on the back; the front set so it leaves a hole for the image behind it. The same principle works on the web too: a header with text over a blurred, large word.
Template before content (04, and Scott Brown's critique): when building a page system, first decide the ratio of emptiness to content, then test the template on the worst material (blurry photograph, long headline). If the template beats the content, that's tyranny, not a system.
Cheap material as vocabulary (06): for a samizdat/portfolio booklet — one typewriter typeface, kraft paper, cardboard; hierarchy only through what the typewriter ball allows (capitals, underline, column width).
Motion
Hierarchy by depth (08): in AE, text as 3D layers at different z-positions, Camera with Depth of Field; the headline is closest and sharp, secondary text is further away, blurrier, more transparent. All font sizes being equal is not allowed — the hierarchy must be created by the camera alone.
Flip-through film (07): a stop-frame reel of pages or posters, cut to cut, no dissolves, two frames per page — this kind of review shows where the system doesn't hold.
Text that knows where it is (VLW "smart typography"): an expression in AE that colours text according to the luminance of the background beneath it (sampleImage) — Cooper's rule: "typography that knows when the background colour changes".
Bad imitation
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.
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.
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
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.
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.
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
Massimo Vignelli ↔ cooper: both write systems instead of pieces — Vignelli writes
a manual so the system survives its author unchanged (Unigrid, 47 years),
Cooper writes a rule so the system keeps changing with content that doesn't
yet exist (Information Landscapes); print wants to freeze, screen wants to flow.
Wim Crouwel ↔ cooper: Crouwel in 1967 takes the screen as a constraint and
makes the letters submit to it (New Alphabet); Cooper in 1994 takes the screen as space
and lets the letters inhabit it — same medium, one endures it, the other uses it.
Karl Gerstner ↔ cooper: Gerstner writes a program in 1964 before a machine that could
execute it exists; Cooper in 1994 has the machine (Reality Engine) and writes a program that
executes in real time — theory / execution.
Roman Cieślewicz ↔ cooper: both make an image out of a printing error — Cieślewicz
enlarges the halftone to show that the image lies; Cooper shifts the plates to show how
the image is made — attack / demonstration.