Stylogeny combining Minimalist Graphic Design × Suprematism

Try

Style combination · Pairs well

Minimalist Graphic Design × Suprematism

Both trust a few shapes on an empty field; borrow the Suprematist diagonal to animate a static minimal layout.

From the research on Suprematism

Mix them and make something Minimalist Graphic Design Suprematism

StillMinimalist Graphic × Suprematism1965 · 1915
A sample layout drawn from the recipe: shapes from Suprematism, their arrangement from Minimalist Graphic Design, the finish from Suprematism. 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 Suprematism

Type from Minimalist Graphic Design
Colour from Minimalist Graphic Design
Form from Suprematism
Composition from Minimalist Graphic Design
Surface from Suprematism

02

The type

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

Display · Minimalist Graphic Design

Still

Inter Tight, standing in for Helvetica Neue (light weights)

Text · Suprematism

Kazimir Malevich's non-objective art, unveiled with the Black Square at the 0.10 exhibition in Petrograd in 1915, reduced painting to pure geometric planes floating in white, infinite space. Through the UNOVIS collective in Vitebsk and El Lissitzky's books it became a graphic language of squares, bars and circles tilted on dynamic diagonals, the seedbed of Constructivist layout.

Hanken Grotesk; Suprematism used Russian grotesques (rubleny shrift) as set by Lissitzky and Hand-drawn lithographic lettering of UNOVIS publications

03

The colours

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

Minimalist Graphic Design Suprematism

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

As CSS

:root {
  --ground: #ffffff;
  --ink: #1a1a1a;
  --accent-1: #d9d6d0;
  --accent-2: #e9b824;
  --accent-3: #8c8a86;
  --accent-4: #cf2a27;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Hanken Grotesk", sans-serif;
}

05

More combinations

With Minimalist Graphic Design

All 33 combinations with Minimalist Graphic Design

With Suprematism

Every style combination