# Techno-Futurist Graphics

> Electronic-music and video-game graphics of the late 1980s and 1990s that turned corporate modernism into a sci-fi consumer fantasy. Grids, Helvetica, pictograms, barcodes, warning labels and invented corporate logos were recombined with katakana, manga cuteness and early 3D, producing slick, flat, information-saturated surfaces that both celebrated and satirised technology and branding.

- Period: 1986–2002
- Where: Western Europe, East Asia
- Origin: Sheffield and London, UK; Kyoto and Tokyo, Japan
- Branch: Postmodern
- Also known as: Techno graphics, Cyber-corporate, Designers Republic style
- Page: https://stylogeny.com/styles/techno-futurism/

## How it works

- Borrow the grammar of corporate identity (logos, pictograms, product codes, warning labels) and invent fictional brands with it.
- Surround a bold central mark with dense micro-typography of serial numbers, katakana and slogans.
- Keep surfaces flat and vector-clean, with candy brights and fluorescents on white or silver.
- Mix Swiss grids and grotesques with techno display faces and cute characters for ironic overload.
- Design across sleeves and screens alike, using interface frames, HUD elements and title sequences.

## Its design choices

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

### Layout & composition
- [Modular grid](https://stylogeny.com/design-choices/modular-grid/) (characteristic)
- [Dynamic asymmetry](https://stylogeny.com/design-choices/dynamic-asymmetry/) (characteristic)

### Space & hierarchy
- [Layered information](https://stylogeny.com/design-choices/layered-information/) (characteristic)
- [Extreme scale contrast](https://stylogeny.com/design-choices/extreme-scale-contrast/) (characteristic)
- [Repetition & rhythm](https://stylogeny.com/design-choices/repetition-and-rhythm/) (characteristic)

### Typography
- [Grotesque & neo-grotesque](https://stylogeny.com/design-choices/grotesque-and-neo-grotesque/) (characteristic)
- [Geometric sans](https://stylogeny.com/design-choices/geometric-sans/) (characteristic)
- [All caps](https://stylogeny.com/design-choices/all-caps/) (characteristic)
- [Monospace](https://stylogeny.com/design-choices/monospace/) (occasional)
- [Bitmap & pixel](https://stylogeny.com/design-choices/bitmap-and-pixel/) (occasional)

### Colour
- [Flat fields](https://stylogeny.com/design-choices/flat-fields/) (characteristic)
- [Full polychrome](https://stylogeny.com/design-choices/full-polychrome/) (characteristic)
- [Fluorescent & neon](https://stylogeny.com/design-choices/fluorescent-and-neon/) (characteristic)
- [Light ground](https://stylogeny.com/design-choices/light-ground/) (characteristic)

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

### Surface & texture
- [Flat](https://stylogeny.com/design-choices/flat/) (defining)
- [Chrome & 3D render](https://stylogeny.com/design-choices/chrome-and-3d-render/) (occasional)
- [Gloss & highlights](https://stylogeny.com/design-choices/gloss-and-highlights/) (occasional)

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

### Imagery
- [Icons & pictograms](https://stylogeny.com/design-choices/icons-and-pictograms/) (characteristic)
- [Flat vector illustration](https://stylogeny.com/design-choices/flat-vector-illustration/) (characteristic)
- [Diagram & data](https://stylogeny.com/design-choices/diagram-and-data/) (characteristic)
- [Found & vernacular imagery](https://stylogeny.com/design-choices/found-and-vernacular-imagery/) (characteristic)
- [3D render](https://stylogeny.com/design-choices/3d-render/) (occasional)

### Medium & production
- [Desktop publishing](https://stylogeny.com/design-choices/desktop-publishing/) (characteristic)
- [Offset printing](https://stylogeny.com/design-choices/offset-printing/) (characteristic)
- [Motion & broadcast](https://stylogeny.com/design-choices/motion-and-broadcast/) (occasional)

### Tone & intent
- [Technological & futurist](https://stylogeny.com/design-choices/technological-and-futurist/) (defining)
- [Ironic & self-aware](https://stylogeny.com/design-choices/ironic-and-self-aware/) (defining)
- [Playful & witty](https://stylogeny.com/design-choices/playful-and-witty/) (characteristic)

Avoids: Script, Earth & mineral, Carved line, Photocopy & distress, Floral & vegetal, Painterly illustration, Hand-painted, Nostalgic & retro

Palette: #f5f5f5, #111111, #00aeef, #ec008c, #fff200, #f7941d

Typefaces: Helvetica, Eurostile / Microgramma, OCR-B, Katakana gothic (e.g. Morisawa Shin Go), Custom techno logotypes (The Designers Republic, Wipeout)

Known for: The Designers Republic (Ian Anderson; Warp Records sleeves; Wipeout, 1995); Tomato (London; Underworld); Me Company (Paul White; Björk sleeves); Groovisions (Kyoto, 1993; Chappie; Pizzicato Five stage visuals); Tycoon Graphics (Tokyo); Build (Michael C. Place, 2001)

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

- Grew out of: [International Typographic Style](https://stylogeny.com/styles/swiss-international.md) (1950–1975)
- Influenced by: [Corporate Identity Modernism](https://stylogeny.com/styles/corporate-modernism.md) (1955–1990)
- Influenced by: [Pop Art Graphics](https://stylogeny.com/styles/pop-art.md) (1955–1975)
- Influenced by: [Kawaii Design](https://stylogeny.com/styles/kawaii.md) (1970–present)
- Led to: [Y2K Futurism](https://stylogeny.com/styles/y2k-futurism.md) (1997–2005)
- Alike in its design choices: [Munich 1972 Olympic Design (Otl Aicher)](https://stylogeny.com/styles/munich-72.md) (1966–1972), 58% alike
- Alike in its design choices: [British Style Press (The Face, i-D and Arena)](https://stylogeny.com/styles/british-style-press.md) (1980–1990), 58% alike
- Alike in its design choices: [Mexico 68 Olympic & Metro Identity](https://stylogeny.com/styles/mexico-68.md) (1966–1970), 56% alike
- Alike in its design choices: [Front-of-Pack Warning Octagons (Latin American Food Warning Seals)](https://stylogeny.com/styles/front-of-pack-warning-octagons.md) (2016–present), 55% alike
- Alike in its design choices: [HfG Ulm Systematic Design](https://stylogeny.com/styles/ulm-school.md) (1953–1968), 54% alike
- Alike in its design choices: [Nutri-Score (Front-of-Pack Colour-Grade Label)](https://stylogeny.com/styles/nutri-score-label.md) (2017–present), 53% alike

## Real works

- [Work Buy Consume Die (Pho-Ku Corporation poster)](https://collections.vam.ac.uk/item/O1325277/): The Designers Republic (Ian Anderson), 1994, Victoria and Albert Museum, London
- [Very Metal Noise Pollution (Pop Will Eat Itself), 7-inch gatefold record sleeve](https://collections.vam.ac.uk/item/O189250/): The Designers Republic, for Pop Will Eat Itself (RCA/BMG Records), 1989, Victoria and Albert Museum, London
- [Blech club night entry ticket ('Discoclub Pass')](https://collections.vam.ac.uk/item/O1681781/): The Designers Republic, for Warp Records' Blech club night, 1996–7, Victoria and Albert Museum, London
- [Build website holding page ('The Build™ website is currently under construction')](https://web.archive.org/web/20030207210128/http://designbybuild.com/): Build (Michael C. Place), 2002 (header 'Build™/2002'; archived 7 February 2003), Internet Archive Wayback Machine

## Sources

- Rick Poynor, No More Rules: Graphic Design and Postmodernism (2003)
- https://www.thedesignersrepublic.com
- Kyoto ddd gallery, groovisions exhibition notes: https://www.dnpfcp.jp/gallery/ddd/eng/00000814

---

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, “Techno-Futurist Graphics”, https://stylogeny.com/styles/techno-futurism/