Stylogeny combining De Stijl × Psychedelic Poster

Try

Style combination · Contrasts

De Stijl × Psychedelic Poster

Vibrating, melting colour against still primaries: contrast them to present order and ecstasy as opposite poles.

From the research on De Stijl

Mix them and make something De Stijl Psychedelic Poster

VowDe Stijl × Psychedelic Poster1917 · 1965
A sample layout drawn from the recipe: shapes from De Stijl, their arrangement from Psychedelic Poster, the finish from De Stijl. 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.

De Stijl Psychedelic Poster

Type from Psychedelic Poster
Colour from De Stijl
Form from De Stijl
Composition from Psychedelic Poster

De Stijl avoids horror vacui: this is where the two pull against each other, which is the point of the contrast.

Surface from De Stijl

02

The type

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

Display · Psychedelic Poster

Vow

Federant, standing in for Arnold Böcklin

Text · De Stijl

A Dutch movement formed around Theo van Doesburg's journal De Stijl and Piet Mondrian's Neoplasticism, which sought universal harmony through the most elementary means: horizontal and vertical lines, rectangles, the three primaries and black, white and grey. In typography it produced block-constructed letters and orthogonal, asymmetric layouts whose principles flowed directly into the Bauhaus and the New Typography.

Archivo; De Stijl used Theo van Doesburg's rectilinear alphabet and Vilmos Huszár's block-letter De Stijl masthead

03

The colours

The ground and leading colours come from De Stijl, with a counter-accent from Psychedelic Poster. The ink reads on the ground at 4.5:1 or more.

De Stijl Psychedelic Poster

  • #f5f3ee ground · 36%
  • #111111 ink · 14%
  • #f4c20d accent · 18%
  • #ff6a13 accent · 14%
  • #d52b1e accent · 10%
  • #e4007c accent · 8%

As CSS

:root {
  --ground: #f5f3ee;
  --ink: #111111;
  --accent-1: #f4c20d;
  --accent-2: #ff6a13;
  --accent-3: #d52b1e;
  --accent-4: #e4007c;
  --font-display: "Federant", sans-serif;
  --font-text: "Archivo", sans-serif;
}

05

More combinations

With De Stijl

With Psychedelic Poster

All 19 combinations with Psychedelic Poster

Every style combination