# British Style Press (The Face, i-D and Arena)

> The London style magazines of the 1980s, chiefly The Face, i-D and Arena, which turned punk's do-it-yourself energy into an ordered editorial language for fashion, music and club culture. Neville Brody drew new geometric headline alphabets and graphic symbols for The Face, set them huge on Constructivist diagonals and heavy bars beside hard-cropped, bleeding photographs, while Terry Jones's i-D kept a rougher instant-design look: typewriter text, street portraits and a winking cover face.

- Period: 1980–1990
- Where: Western Europe
- Origin: London: Nick Logan's The Face (first issue 1 May 1980), art-directed by Neville Brody from about 1981-82 to 1986; Terry Jones's i-D (founded 1980 with Tricia Jones and Perry Haines, first issue August 1980, hand-stapled photocopies); and Logan's men's magazine Arena (1986), whose launch appearance Brody designed and which he art-directed to 1990
- Branch: Postmodern
- Also known as: 1980s style magazines, The Face style, Neville Brody style, Style-press typography
- Page: https://stylogeny.com/styles/british-style-press/

## Use it with care

The Face, i-D and Arena mastheads, i-D's winking cover device and Brody's typefaces are trademarks or licensed fonts, and the street portraits show real, identifiable people: draw your own alphabet and symbols in the idiom rather than copying a Brody face or a masthead, and do not present a generated spread as a page from these magazines.

## How it works

- Draw the headline type yourself: build a geometric, condensed alphabet from straight strokes, circles and bars for the magazine, and let it change as the magazine changes.
- Set display words very large against small text, rotated or stacked on Constructivist diagonals, and hold the spread together with heavy rules and blocks.
- Replace drop caps, section heads and page furniture with graphic symbols and pictograms, so the magazine reads as one system from page to page.
- Crop street, club and fashion photographs hard and bleed them and the type off the page edge, so the page feels like part of something larger.
- Keep colour to black, white and one or two flat spot colours, and let scale and structure do the shouting.
- Stay cool rather than angry: borrow the energy and cheap means of the fanzine (typewriter text, photocopies, head-to-toe portraits of people from the street) but present them as fashion.

## Its design choices

Defining choices make the style, characteristic ones are usual, occasional ones turn up now and then.

### Layout & composition
- [Dynamic asymmetry](https://stylogeny.com/design-choices/dynamic-asymmetry/) (defining)
- [Diagonal axis](https://stylogeny.com/design-choices/diagonal-axis/) (characteristic)
- [Full bleed](https://stylogeny.com/design-choices/full-bleed/) (characteristic)
- [Broken grid](https://stylogeny.com/design-choices/broken-grid/) (characteristic)
- [Column grid](https://stylogeny.com/design-choices/column-grid/) (occasional)
- [Collage & layering](https://stylogeny.com/design-choices/collage-and-layering/) (occasional)

### Space & hierarchy
- [Extreme scale contrast](https://stylogeny.com/design-choices/extreme-scale-contrast/) (defining)
- [Visual tension](https://stylogeny.com/design-choices/visual-tension/) (characteristic)
- [Layered information](https://stylogeny.com/design-choices/layered-information/) (occasional)
- [Generous white space](https://stylogeny.com/design-choices/generous-white-space/) (occasional)

### Typography
- [Hand-lettering](https://stylogeny.com/design-choices/hand-lettering/) (defining)
- [Geometric sans](https://stylogeny.com/design-choices/geometric-sans/) (defining)
- [Type as image](https://stylogeny.com/design-choices/type-as-image/) (defining)
- [Condensed display](https://stylogeny.com/design-choices/condensed-display/) (characteristic)
- [Experimental & distorted](https://stylogeny.com/design-choices/experimental-and-distorted/) (characteristic)
- [Rotated & vertical setting](https://stylogeny.com/design-choices/rotated-and-vertical-setting/) (characteristic)
- [All caps](https://stylogeny.com/design-choices/all-caps/) (characteristic)
- [Eclectic mixing](https://stylogeny.com/design-choices/eclectic-mixing/) (occasional)
- [Monospace](https://stylogeny.com/design-choices/monospace/) (occasional)

### Colour
- [Monochrome](https://stylogeny.com/design-choices/monochrome/) (characteristic)
- [Limited spot colours](https://stylogeny.com/design-choices/limited-spot-colours/) (characteristic)
- [Flat fields](https://stylogeny.com/design-choices/flat-fields/) (characteristic)
- [Light ground](https://stylogeny.com/design-choices/light-ground/) (characteristic)
- [Dark ground](https://stylogeny.com/design-choices/dark-ground/) (occasional)

### Form & shape
- [Geometric primitives](https://stylogeny.com/design-choices/geometric-primitives/) (characteristic)
- [Rectilinear](https://stylogeny.com/design-choices/rectilinear/) (characteristic)
- [Pictogram](https://stylogeny.com/design-choices/pictogram/) (characteristic)
- [Angular & zigzag](https://stylogeny.com/design-choices/angular-and-zigzag/) (occasional)

### Surface & texture
- [Flat](https://stylogeny.com/design-choices/flat/) (characteristic)
- [Photocopy & distress](https://stylogeny.com/design-choices/photocopy-and-distress/) (occasional)

### Ornament
- [Rules & bars](https://stylogeny.com/design-choices/rules-and-bars/) (defining)
- [Emblems & badges](https://stylogeny.com/design-choices/emblems-and-badges/) (occasional)
- [Restrained accents](https://stylogeny.com/design-choices/restrained-accents/) (occasional)

### Imagery
- [Straight photography](https://stylogeny.com/design-choices/straight-photography/) (defining)
- [Treated photography](https://stylogeny.com/design-choices/treated-photography/) (characteristic)
- [Icons & pictograms](https://stylogeny.com/design-choices/icons-and-pictograms/) (characteristic)
- [Photomontage](https://stylogeny.com/design-choices/photomontage/) (occasional)

### Medium & production
- [Offset printing](https://stylogeny.com/design-choices/offset-printing/) (defining)
- [Pen, brush & ink](https://stylogeny.com/design-choices/pen-brush-and-ink/) (occasional)
- [Photocopy & zine](https://stylogeny.com/design-choices/photocopy-and-zine/) (occasional)

### Tone & intent
- [Ironic & self-aware](https://stylogeny.com/design-choices/ironic-and-self-aware/) (characteristic)
- [Rebellious & subversive](https://stylogeny.com/design-choices/rebellious-and-subversive/) (characteristic)
- [Playful & witty](https://stylogeny.com/design-choices/playful-and-witty/) (occasional)
- [Communal & popular](https://stylogeny.com/design-choices/communal-and-popular/) (occasional)
- [Technological & futurist](https://stylogeny.com/design-choices/technological-and-futurist/) (occasional)

Avoids: Central symmetry, Floral & vegetal, Abundant decoration, Script, Painterly illustration, Skeuomorphic material, Calm & contemplative, Gradients

Palette: #111111, #f3f1ec, #e2231a, #f5c400, #8a8a8a

Typefaces: Industria (Neville Brody), a geometric, condensed sans-serif drawn for The Face's headlines (1984), Arcadia and Insignia, a banner face and a headline face Brody drew for Arena, later issued as retail typefaces, Brody's hand-drawn headline lettering of straight strokes, circles and bars, introduced in The Face in 1984 and redrawn as the magazine moved on, Text set on an IBM golfball typewriter and hand-made instant-design lettering in early i-D

Known for: Neville Brody, art direction of The Face (about 1981-82 to 1986): spreads such as 'The Werk Ethic' (1982), whose arrangement of images and text recalls Constructivism, and 'The Resurrection of Chad' (1984), which introduced a hand-drawn typeface used in the magazine from then on; Neville Brody, Industria, a geometric, condensed sans-serif drawn for The Face (1984), later issued commercially; Neville Brody, launch design of Arena for Nick Logan (1986), art-directed by him to 1990; Terry Jones (with Tricia Jones and Perry Haines), i-D (from August 1980): a hand-stapled photocopied fanzine that became a glossy, every cover carrying a wink and a smile as a graphic version of its logo; Steve Johnston's head-to-toe 'straight-up' portraits of London punks against a plain white wall, commissioned by Terry Jones (1977) and the basis of i-D's street portraits; Neville Brody, posters for the Royal Court Theatre, London: The Genius (1983, V&A S.3633-1994) and The Pope's Wedding and Saved (1984), lettering in white and blue on red (V&A S.3727-1994); Neville Brody, Level 42, Micro-Kid 12-inch sleeve (Polydor, 1983), colour offset lithograph (V&A E.1795-1990); also sleeves for Fetish Records, Clock DVA's Thirst (1981), 23 Skidoo's Seven Songs (1982) and Cabaret Voltaire's Micro-Phonies (1984); Jon Wozencroft, The Graphic Language of Neville Brody (Thames & Hudson, 1988), with an exhibition of the same name at the V&A (poster, V&A E.602-2019)

## Where it comes from, and what it’s close to

- Grew out of: [Punk & DIY Zine](https://stylogeny.com/styles/punk-diy.md) (1976–1986)
- Influenced by: [Russian Constructivism](https://stylogeny.com/styles/constructivism.md) (1917–1934)
- Influenced by: [Dada](https://stylogeny.com/styles/dada.md) (1916–1924)
- Influenced by: [Italian Futurism](https://stylogeny.com/styles/futurism.md) (1909–1944)
- Alike in its design choices: [Blue Note Jazz Sleeve Modernism](https://stylogeny.com/styles/blue-note-sleeve.md) (1956–1967), 67% alike
- Alike in its design choices: [Emigre & Early Digital Type](https://stylogeny.com/styles/emigre.md) (1984–1998), 66% alike
- Alike in its design choices: [Czech Poetist Book Design (Devětsil)](https://stylogeny.com/styles/czech-poetism.md) (1922–1938), 60% alike
- Alike in its design choices: [Di Tella Graphic Design (Instituto Torcuato Di Tella)](https://stylogeny.com/styles/di-tella-graphics.md) (1960–1970), 58% alike
- Alike in its design choices: [Techno-Futurist Graphics](https://stylogeny.com/styles/techno-futurism.md) (1986–2002), 58% alike
- Alike in its design choices: [Swiss Punk / New Wave Typography](https://stylogeny.com/styles/new-wave-typography.md) (1968–1990), 57% alike

## Sources

- Wikipedia, Neville Brody (Fetish Records 1980; Clock DVA, Thirst 1981; 23 Skidoo, Seven Songs 1982; Cabaret Voltaire, Micro-Phonies 1984; The Face 1981-1986; Arena 1987-1990; The Graphic Language of Neville Brody, 1988): https://en.wikipedia.org/wiki/Neville_Brody
- Wikipedia, The Face (magazine) (first issue 1 May 1980; Brody art director from 1982; Constructivism): https://en.wikipedia.org/wiki/The_Face_(magazine)
- Wikipedia, i-D (first issue August 1980; hand-stapled fanzine; wink cover; Straight-Up and Steve Johnston): https://en.wikipedia.org/wiki/I-D
- Wikipedia, Terry Jones (i-D) (founded with Tricia Jones and Perry Haines; hand-stapled photocopies; Instant Design): https://en.wikipedia.org/wiki/Terry_Jones_(i-D)
- Wikipedia, Arena (magazine) (founded 1986 by Nick Logan; Brody designed its launch appearance): https://en.wikipedia.org/wiki/Arena_(magazine)
- Deutsche Nationalbibliothek, Deutsches Buch- und Schriftmuseum, 'Neville Brody' (The Face 1981-1986, Arena 1987-1990, Industria for The Face 1984, punk influence): https://mediengeschichte.dnb.de/DBSMZBN/Content/EN/FontDesign/05-brody-neville-en.html
- Type Network, 'Neville Brody joins Type Network' (Industria based on headlines drawn for The Face 1980-1986; Arcadia and Insignia originated as a banner and a headline type for Arena; first retail typefaces through Linotype): https://typenetwork.com/articles/neville-brody-joins-type-network
- Eye, 'Reputations revisited: Terry Jones', 31 August 2011 (i-D launched 1980 as a stapled, home-produced fanzine; Instant Design, Phaidon 1990): https://www.eyemagazine.com/blog/post/reputations-revisited-terry-jones
- Joopiter, auction lot 'i-D issues 1-13' (first issue produced at Terry Jones's home studio on an IBM golfball typewriter; hand-stapled fanzine in an edition of about fifty copies): https://www.joopiter.com/auctions/punk50-still-making-noise/i-d-issues-1-13
- Smashing Magazine, 'Inspired Design Decisions With Neville Brody', March 2020 ('The Werk Ethic' 1982; 'The Resurrection of Chad' 1984; graphic symbols in place of drop caps; Dada, Futurism and Rodchenko): https://www.smashingmagazine.com/2020/03/inspired-design-decisions-neville-brody/
- V&A, Neville Brody, poster for The Genius, Royal Court Theatre, 1983, S.3633-1994: https://collections.vam.ac.uk/item/O1164331/
- V&A, Neville Brody, poster for The Pope's Wedding and Saved, Royal Court Theatre, 1984, S.3727-1994: https://collections.vam.ac.uk/item/O1164425/
- V&A, Neville Brody, Level 42, Micro-Kid sleeve, 1983, E.1795-1990: https://collections.vam.ac.uk/item/O190744/
- V&A, poster for the exhibition The Graphic Language of Neville Brody, 1988, E.602-2019: https://collections.vam.ac.uk/item/O1490308/

---

From Stylogeny (https://stylogeny.com/), an atlas of graphic-design styles by Van Riel Online Services. How it is made: https://stylogeny.com/about/. Cite as: Stylogeny, “British Style Press (The Face, i-D and Arena)”, https://stylogeny.com/styles/british-style-press/