Stylogeny combining Punk × ROSTA Windows

Try

Style combination · Pairs well

Punk × ROSTA Windows

Shares the cheap, fast, many-copies ethos; stencil-and-sequence storytelling translates directly into zines and photocopied flyers.

From the research on ROSTA Windows

Mix them and make something Punk ROSTA Windows

ActPunk × ROSTA Windows1976 · 1919
A sample layout drawn from the recipe: shapes from ROSTA Windows, their arrangement from ROSTA Windows, the finish from Punk. 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.

Punk & DIY Zine ROSTA Windows

Type from Punk
Colour from Punk
Form from ROSTA Windows
Composition from ROSTA Windows
Surface from Punk

02

The type

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

Display · Punk

Act

Rock Salt, standing in for Ransom-note cut-out lettering

Text · ROSTA Windows

Hand-stencilled satirical news posters made by the Russian Telegraph Agency during the Civil War and hung in empty shop windows, first in Moscow, then in Petrograd and provincial towns. Mikhail Cheremnykh, Vladimir Mayakovsky, Dmitry Moor and others turned the day's news into numbered sequences of crude, flat stock figures in two or three colours, each frame with a short rhymed caption, reviving the lubok as Futurist street agitation.

Archivo; ROSTA Windows used Hand-lettered Cyrillic captions in brush and pen, one under each frame and Blocky hand-drawn Cyrillic capitals for headings and frame numbers

03

The colours

The ground and leading colours come from Punk, with a counter-accent from ROSTA Windows. The ink reads on the ground at 4.5:1 or more.

Punk & DIY Zine ROSTA Windows

  • #f2efe6 ground · 36%
  • #0d0d0d ink · 14%
  • #ff2fa0 accent · 18%
  • #c7281e accent · 14%
  • #c99a3b accent · 10%
  • #8c8c8c accent · 8%

As CSS

:root {
  --ground: #f2efe6;
  --ink: #0d0d0d;
  --accent-1: #ff2fa0;
  --accent-2: #c7281e;
  --accent-3: #c99a3b;
  --accent-4: #8c8c8c;
  --font-display: "Rock Salt", cursive;
  --font-text: "Archivo", sans-serif;
}

05

More combinations

With Punk

All 36 combinations with Punk

With ROSTA Windows

All 11 combinations with ROSTA Windows

Every style combination