# Grunge Typography

> The 1990s magazine and music-industry style in which type was layered, eroded, overlapped and cropped until legibility became negotiable. Made on the Macintosh but deliberately dirty, it combined distressed digital fonts, scanned textures and blurred, cropped photography with layouts that broke the grid on every spread, treating the page as an expressive surface rather than a neutral container for text.

- Period: 1990–2000
- Where: North America, Western Europe
- Origin: Southern California (Beach Culture, Ray Gun), Seattle and London
- Branch: Counterculture
- Also known as: Grunge type, Ray Gun style, Dirty type
- Page: https://stylogeny.com/styles/grunge-typography/

## How it works

- Layer and overlap text blocks, letting lines collide, bleed off the page or sink into the image.
- Use distressed, eroded or mismatched fonts and mix several on a single spread.
- Scan in dirt: photocopy grain, scratches, smudges and torn paper as background texture.
- Crop, blur and darken photographs so they convey mood rather than information.
- Break the grid on every spread, changing column widths, leading and alignment from page to page.
- Put expression before legibility, but leave the reader one clear point of entry.

## Its design choices

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

### Layout & composition
- [Broken grid](https://stylogeny.com/design-choices/broken-grid/) (defining)
- [Collage & layering](https://stylogeny.com/design-choices/collage-and-layering/) (characteristic)
- [Full bleed](https://stylogeny.com/design-choices/full-bleed/) (characteristic)

### Space & hierarchy
- [Visual tension](https://stylogeny.com/design-choices/visual-tension/) (characteristic)
- [Horror vacui](https://stylogeny.com/design-choices/horror-vacui/) (characteristic)
- [Extreme scale contrast](https://stylogeny.com/design-choices/extreme-scale-contrast/) (characteristic)
- [Flat hierarchy](https://stylogeny.com/design-choices/flat-hierarchy/) (occasional)

### Typography
- [Experimental & distorted](https://stylogeny.com/design-choices/experimental-and-distorted/) (defining)
- [Eclectic mixing](https://stylogeny.com/design-choices/eclectic-mixing/) (characteristic)
- [Tight setting](https://stylogeny.com/design-choices/tight-setting/) (characteristic)
- [Rotated & vertical setting](https://stylogeny.com/design-choices/rotated-and-vertical-setting/) (characteristic)
- [Type as image](https://stylogeny.com/design-choices/type-as-image/) (occasional)
- [Hand-lettering](https://stylogeny.com/design-choices/hand-lettering/) (occasional)

### Colour
- [Earth & mineral](https://stylogeny.com/design-choices/earth-and-mineral/) (characteristic)
- [Dark ground](https://stylogeny.com/design-choices/dark-ground/) (characteristic)
- [Monochrome](https://stylogeny.com/design-choices/monochrome/) (occasional)
- [Limited spot colours](https://stylogeny.com/design-choices/limited-spot-colours/) (occasional)

### Form & shape
- [Non-representational](https://stylogeny.com/design-choices/non-representational/) (occasional)
- [Rectilinear](https://stylogeny.com/design-choices/rectilinear/) (occasional)

### Surface & texture
- [Photocopy & distress](https://stylogeny.com/design-choices/photocopy-and-distress/) (defining)
- [Grain & noise](https://stylogeny.com/design-choices/grain-and-noise/) (characteristic)
- [Misregistration & overprint](https://stylogeny.com/design-choices/misregistration-and-overprint/) (occasional)

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

### Imagery
- [Treated photography](https://stylogeny.com/design-choices/treated-photography/) (defining)
- [Straight photography](https://stylogeny.com/design-choices/straight-photography/) (characteristic)
- [Found & vernacular imagery](https://stylogeny.com/design-choices/found-and-vernacular-imagery/) (occasional)
- [Photomontage](https://stylogeny.com/design-choices/photomontage/) (occasional)

### Medium & production
- [Desktop publishing](https://stylogeny.com/design-choices/desktop-publishing/) (defining)
- [Offset printing](https://stylogeny.com/design-choices/offset-printing/) (characteristic)
- [Photocopy & zine](https://stylogeny.com/design-choices/photocopy-and-zine/) (occasional)

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

Avoids: Modular grid, Central symmetry, Classical text block, Flat, Gloss & highlights, Pastel, Rational & objective, Authoritative & institutional

Palette: #1b1a17, #e8e2d0, #8b3a1a, #6b6b3a, #7d7a73, #a8322d

Typefaces: Template Gothic (Barry Deck, 1990), FF Trixie (Erik van Blokland, 1991), FF Blur (Neville Brody, 1992), Dead History (P. Scott Makela, 1990)

Known for: David Carson (Beach Culture; Ray Gun, 1992–95); Ray Gun magazine (1992–2000); Art Chantry (Sub Pop, The Rocket, Seattle); Barry Deck (Template Gothic, 1990); Neville Brody & Jon Wozencroft (FUSE, from 1991); Jonathan Barnbrook

## 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: [Swiss Punk / New Wave Typography](https://stylogeny.com/styles/new-wave-typography.md) (1968–1990)
- Influenced by: [Emigre & Early Digital Type](https://stylogeny.com/styles/emigre.md) (1984–1998)
- Alike in its design choices: [Cranbrook & Deconstructivist Typography](https://stylogeny.com/styles/deconstructivist-typography.md) (1980–1998), 71% alike
- Alike in its design choices: [Dutch Expressive Postmodernism (Studio Dumbar & Hard Werken)](https://stylogeny.com/styles/dutch-expressive-postmodernism.md) (1977–1994), 54% alike
- Alike in its design choices: [Mavo](https://stylogeny.com/styles/mavo.md) (1923–1925), 49% alike
- Alike in its design choices: [Dada](https://stylogeny.com/styles/dada.md) (1916–1924), 48% alike
- Alike in its design choices: [Nollywood Video Jacket & Film Poster](https://stylogeny.com/styles/nollywood-video-sleeve.md) (1992–present), 47% alike
- Alike in its design choices: [Glitch Art & Datamosh Graphics](https://stylogeny.com/styles/glitch-art.md) (2001–present), 46% alike

## Real works

- [Tora Tora Tora club night at the Art College, Belfast (David Holmes, David Anderson, Timmy and Glenn)](https://collections.vam.ac.uk/item/O1818270/): Glenn Leyburn, 1990s (a Saturday 31 May falls only in 1997 within the decade), Victoria and Albert Museum, London (S.506-2026)

## Sources

- Lewis Blackwell & David Carson, The End of Print: The Graphic Design of David Carson (1995)
- Rick Poynor, No More Rules: Graphic Design and Postmodernism (2003)
- Philip B. Meggs & Alston W. Purvis, Meggs' History of Graphic Design

---

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, “Grunge Typography”, https://stylogeny.com/styles/grunge-typography/