Stylogeny combining Minimalist Graphic Design × Post-Punk Record Sleeve

Try

Style combination · Pairs well

Minimalist Graphic Design × Post-Punk Record Sleeve

Both let one image or word stand on an empty field; minimalism keeps it calm and neutral, post-punk adds a borrowed image, a code and a darker mood.

From the research on Post-Punk Record Sleeve (Stiff, Factory, 4AD)

Mix them and make something Minimalist Graphic Design Post-Punk Record Sleeve

FORMMinimalist Graphic × Post-Punk Record
A sample layout drawn from the recipe: shapes from Minimalist Graphic Design, their arrangement from Minimalist Graphic Design, the finish from Post-Punk Record Sleeve. Not a real work, and not an image of either style.

01

What each style brings

Each part of the design comes from the style with the stronger say in it, and each style gives at least two.

Minimalist Graphic Design Post-Punk Record Sleeve (Stiff, Factory, 4AD)

Type from Post-Punk Record Sleeve
Colour from Minimalist Graphic Design
Form from Minimalist Graphic Design
Composition from Minimalist Graphic Design
Surface from Post-Punk Record Sleeve

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Post-Punk Record Sleeve

Form

Syne; Post-Punk Record Sleeve used Peter Saville's colour-coded alphabet, one coloured block per letter, decoded by a wheel on the back of Power, Corruption & Lies (1983) and used for the title of Blue Monday and Small, ordered sans-serif capitals in the manner of Jan Tschichold's New Typography, which Saville took as his model from the 1978 Factory poster onwards

Text · Minimalist Graphic Design

Modernism reduced to its barest means, informed by 1960s Minimal art and Japanese emptiness: one image or line of type, vast white or neutral space, a monochrome or near-monochrome palette and meticulous typographic detail. From ECM record sleeves to Muji and Apple packaging, it signals quality, calm and confidence by withholding rather than adding.

Inter; Minimalist Graphic Design used Helvetica Neue and Akzidenz-Grotesk

03

The colours

The ground and leading colours come from Minimalist Graphic Design, with a counter-accent from Post-Punk Record Sleeve. The ink reads on the ground at 4.5:1 or more.

Minimalist Graphic Design Post-Punk Record Sleeve (Stiff, Factory, 4AD)

  • #ffffff ground · 36%
  • #1a1a1a ink · 14%
  • #d9d6d0 accent · 18%
  • #f2c230 accent · 14%
  • #8c8a86 accent · 10%
  • #b8963e accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #1a1a1a;
  --accent-1: #d9d6d0;
  --accent-2: #f2c230;
  --accent-3: #8c8a86;
  --accent-4: #b8963e;
  --font-display: "Syne", sans-serif;
  --font-text: "Inter", sans-serif;
}

Use it with care

Post-Punk Record Sleeve (Stiff, Factory, 4AD): The sleeves are in copyright, and several of their quoted images have their own authors, such as Harold Craft's pulsar plot and Bernard Pierre Wolff's photograph of the Appiani tomb: make a new quotation from a public-domain or licensed source rather than copying a Factory, Stiff or 4AD cover or its colour code.

05

More combinations

With Minimalist Graphic Design

All 33 combinations with Minimalist Graphic Design

With Post-Punk Record Sleeve

All 14 combinations with Post-Punk Record Sleeve

Every style combination