Stylogeny combining Art Nouveau × Psychedelic Poster

Try

Style combination · Pairs well

Art Nouveau × Psychedelic Poster

San Francisco poster artists lifted Mucha's figures and whiplash wholesale; push the curves into saturated, vibrating colour for a 1960s-flavoured revival.

From the research on Art Nouveau

Borrow Art Nouveau's framing borders and flowing hair, then push the colour to fluorescent clash for an instant 1967 look.

From the research on Psychedelic Poster

Mix them and make something Art Nouveau Psychedelic Poster

ReverieArt Nouveau × Psychedelic Poster1890 · 1965
A sample layout drawn from the recipe: shapes from Art Nouveau, their arrangement from Psychedelic Poster, the finish from Art Nouveau. 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.

Art Nouveau Psychedelic Poster

Type from Art Nouveau
Colour from Psychedelic Poster
Form from Art Nouveau
Composition from Psychedelic Poster
Surface from Art Nouveau

02

The type

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

Display · Art Nouveau

Reverie

Federant, standing in for Arnold Böcklin (Otto Weisert, 1904)

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 Art Nouveau. The ink reads on the ground at 4.5:1 or more.

Art Nouveau Psychedelic Poster

  • #ffd200 ground · 36%
  • #2e3192 ink · 14%
  • #ff6a13 accent · 18%
  • #c9a24b accent · 14%
  • #e4007c accent · 10%
  • #3f7a75 accent · 8%

As CSS

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

05

More combinations

With Art Nouveau

All 28 combinations with Art Nouveau

With Psychedelic Poster

All 19 combinations with Psychedelic Poster

Every style combination