Stylogeny combining Psychedelic Poster × Surrealist Graphics

Try

Style combination · Pairs well

Psychedelic Poster × Surrealist Graphics

Psychedelic posters revived Surrealist dream imagery; combine them for hallucinatory figurative work with melting forms.

From the research on Surrealist Graphics

Mix them and make something Psychedelic Poster Surrealist Graphics

RiotPsychedelic Poster × Surrealist Graphics
A sample layout drawn from the recipe: shapes from Surrealist Graphics, their arrangement from Psychedelic Poster, the finish from Surrealist Graphics. 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.

Psychedelic Poster Surrealist Graphics

Type from Psychedelic Poster
Colour from Psychedelic Poster
Form from Surrealist Graphics
Composition from Psychedelic Poster
Surface from Surrealist Graphics

02

The type

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

Display · Psychedelic Poster

Riot

Federant, standing in for Arnold Böcklin

Text · Surrealist Graphics

Launched by André Breton's 1924 manifesto, Surrealism sought the marvellous in dreams, chance and the unconscious. Its graphic legacy (uncanny collage from old engravings, solarised and cameraless photographs, impossible juxtapositions painted with illusionistic precision) passed through magazines like Minotaure into fashion, advertising and book design on both sides of the Atlantic.

Bodoni Moda; Surrealist Graphics used Artists' hand-lettered mastheads and Didone and Victorian display faces lifted from 19th-century catalogues

03

The colours

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

Psychedelic Poster Surrealist Graphics

  • #ffd200 ground · 36%
  • #2e3192 ink · 14%
  • #ff6a13 accent · 18%
  • #a24a2a accent · 14%
  • #e4007c accent · 10%
  • #d8b77a accent · 8%

As CSS

:root {
  --ground: #ffd200;
  --ink: #2e3192;
  --accent-1: #ff6a13;
  --accent-2: #a24a2a;
  --accent-3: #e4007c;
  --accent-4: #d8b77a;
  --font-display: "Federant", sans-serif;
  --font-text: "Bodoni Moda", serif;
}

05

More combinations

With Psychedelic Poster

All 19 combinations with Psychedelic Poster

With Surrealist Graphics

All 18 combinations with Surrealist Graphics

Every style combination