Design Provenance

Movement · c. 1970–1990 · period of prominence · Basel, Switzerland; California and wider design networks

New Wave Typography

The grid bends into space, rhythm, and electronic texture.

What is New Wave Typography?

New Wave typography loosened the discipline of the International Typographic Style without simply abandoning formal training. Layered text, shifted baselines, unexpected spacing, mixed scales, and photographic fragments made the page feel spatial and expressive. Early computer tools added pixel texture and new compositing possibilities. Different practitioners approached this freedom differently, so New Wave is not a single font or neon palette. Its lasting contribution is the understanding that typography can carry tone, pace, and atmosphere while still organising information.

The story

Experiments in Swiss typography travelled through teaching and professional networks. In California, designers such as April Greiman explored the Macintosh and video imagery as creative media. The emergence of digital production changed what could be composed directly, connecting typographic experimentation with a broader electronic visual culture.

How do you recognise New Wave Typography?

  • Shifted baselines and stepped alignment
  • Layered scale changes
  • Pixel or video texture
  • A visible dialogue between grid and disruption

Colour, type, layout and material

  • #F6D861
  • #E57791
  • #4753AA
  • #EEE9D8

Typography. Mix scale and spacing with intention. Use experimental display setting for a small amount of text, with a dependable reading face for longer content.

Composition. Layer distinct information planes over a recoverable grid. Let one diagonal or staircase of type establish movement while quieter areas retain orientation.

Materials. Phototypesetting, offset print, video capture, early bitmap imagery, and digital collage supply historical texture. Modern work should reveal its own medium rather than fake accidental corruption.

Why does New Wave Typography work?

Unusual spacing and layering can slow reading and foreground the act of interpretation. That can suit cultural communication but hinder urgent information. These are contextual design effects; legibility should be observed with real readers rather than assumed from the designer’s familiarity.

The principle. Keep the grid as an underlying rhythm, then alter it to express a particular voice or sequence. Each departure should change emphasis, pace, or association. When everything is irregular, the expressive difference between a normal beat and a syncopation disappears.

Where it was used

Does It Make Sense? / Design Quarterly 133, April Greiman, 1986. A fold-out self-portrait combines digitised video imagery, type, and other visual material, treating the computer as a creative compositional tool.

  • Cultural editorial design
  • Experimental event identities
  • Typographic motion sequences

What to avoid

  • Confusing New Wave with neon alone
  • Breaking every baseline without hierarchy
  • Using low-resolution type for essential information

Try it: a short exercise

Typeset one short text on a strict grid. Produce three versions by changing only scale, only spacing, then only layering. Explain what each change communicates before combining any of the treatments.

How do you prompt for New Wave Typography?

These prompts ask for an original piece informed by the style, not a copy of any work. Replace the words in square brackets.

For an image or visual design

Create an original new wave typography interpretation of [SUBJECT] for [AUDIENCE] in [FORMAT]. Build three typographic layers with a stepped baseline, one oversized word, and an original pixel-textured image fragment. Preserve an underlying alignment and meaningful whitespace. Make the electronic texture specific and controlled instead of adding random glitch noise. Use the palette as a starting point: #F6D861, #E57791, #4753AA, #EEE9D8. Establish one unmistakable focal point, a deliberate hierarchy, and enough quiet space for the subject. Show evidence of a specific creative decision rather than applying a generic style filter. Use only supplied wording; leave clean typesetting space if text cannot be rendered accurately. Do not reproduce a named artwork, logo, designer signature, or protected character. Deliver a coherent finished composition and a brief explanation of the choices. Preserve the cultural context rather than turning it into decorative shorthand.

For an interface

Build a responsive interface for [SUBJECT], serving [AUDIENCE], in [FORMAT], translating principles from new wave typography into contemporary UI. Use expressive section headings with stepped alignment and a restrained pixel illustration layer. Keep paragraphs on a consistent grid. Animate a typographic layer only when a section becomes active, with an immediate static equivalent for reduced motion. Use real content, semantic HTML, a logical heading structure, and visible text labels. Keep the DOM reading order meaningful on mobile. Provide keyboard navigation, visible focus, generous hit areas, clear selected and error states, and sufficient text contrast. Honour prefers-reduced-motion; animation must communicate an interaction rather than obstruct reading. Preserve working navigation and forms. Treat this as a present-day translation, not a claim that the historical practice originated in software. Explain the main stylistic decisions and identify where usability required adaptation.

Lineage

Draws on: Swiss / International Typographic Style, Postmodernism.

Influenced: Grunge Typography.

Sources

  1. MoMA: April Greiman on Does It Make Sense?
  2. LACMA: Does It Make Sense?

Open New Wave Typography in the interactive guide