Stylogeny combining Art Nouveau × Cubist Pictorial Space

Try

Style combination · Contrasts

Art Nouveau × Cubist Pictorial Space

Set faceted, straight-edged planes against a single whiplash curve to dramatise the break with organic ornament.

From the research on Cubist Pictorial Space

Mix them and make something Art Nouveau Cubist Pictorial Space

ReverieArt Nouveau × Cubist Pictorial Space
A sample layout drawn from the recipe: shapes from Art Nouveau, their arrangement from Art Nouveau, the finish from Cubist Pictorial Space. 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 Cubist Pictorial Space

Type from Art Nouveau
Colour from Cubist Pictorial Space
Form from Art Nouveau
Composition from Art Nouveau
Surface from Cubist Pictorial Space

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 · Cubist Pictorial Space

The pictorial revolution of Picasso and Braque that shattered single-point perspective into overlapping, faceted planes seen from several viewpoints at once. Through papier collé and stencilled lettering it brought real printed matter and type onto the picture plane, handing graphic design the fragment, the shallow layered plane and collage as working tools.

Newsreader; Cubist Pictorial Space used Sign-painters' stencilled capitals and Clipped newspaper mastheads and headline grotesques

03

The colours

The ground and leading colours come from Cubist Pictorial Space, with a counter-accent from Art Nouveau. The ink reads on the ground at 4.5:1 or more.

Art Nouveau Cubist Pictorial Space

  • #e6dcc3 ground · 36%
  • #2a241d ink · 14%
  • #8b6b3e accent · 18%
  • #c9a24b accent · 14%
  • #c9b48a accent · 10%
  • #3f7a75 accent · 8%

As CSS

:root {
  --ground: #e6dcc3;
  --ink: #2a241d;
  --accent-1: #8b6b3e;
  --accent-2: #c9a24b;
  --accent-3: #c9b48a;
  --accent-4: #3f7a75;
  --font-display: "Federant", sans-serif;
  --font-text: "Newsreader", serif;
}

05

More combinations

With Art Nouveau

All 28 combinations with Art Nouveau

With Cubist Pictorial Space

Every style combination