Stylogeny combining Psychedelic Poster × Push Pin Style

Try

Style combination · Pairs well

Psychedelic Poster × Push Pin Style

Both revive Art Nouveau lettering; add Push Pin's clean contour and wit to tame psychedelic excess into readable posters.

From the research on Push Pin Style

Mix them and make something Psychedelic Poster Push Pin Style

AgainPsychedelic Poster × Push Pin Style
A sample layout drawn from the recipe: shapes from Psychedelic Poster, their arrangement from Psychedelic Poster, the finish from Push Pin Style. 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 Push Pin Style

Type from Push Pin Style
Colour from Psychedelic Poster
Form from Psychedelic Poster
Composition from Psychedelic Poster
Surface from Push Pin Style

02

The type

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

Display · Push Pin Style

Again

Righteous; Push Pin Style used Baby Teeth and Glaser Stencil

Text · Psychedelic Poster

The concert-poster language of the 1960s counterculture, born in San Francisco's Fillmore and Avalon ballrooms and echoed in London's underground press. Hand-drawn letters melt and swell to fill whole shapes, Art Nouveau and Vienna Secession curves are revived at hallucinatory intensity, and vibrating complementary or fluorescent colours make reading a slow, immersive act.

Special Elite; Psychedelic Poster used Hand-drawn melting lettering after Alfred Roller and Victorian wood-type and Tuscan display faces

03

The colours

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

Psychedelic Poster Push Pin Style

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

As CSS

:root {
  --ground: #ffd200;
  --ink: #2e3192;
  --accent-1: #ff6a13;
  --accent-2: #f2b632;
  --accent-3: #e4007c;
  --accent-4: #e0512f;
  --font-display: "Righteous", sans-serif;
  --font-text: "Special Elite", monospace;
}

05

More combinations

With Psychedelic Poster

All 19 combinations with Psychedelic Poster

With Push Pin Style

All 16 combinations with Push Pin Style

Every style combination