Stylogeny combining Op Art Graphics × PC Music Graphics

Try

Style combination · Pairs well

Op Art Graphics × PC Music Graphics

Borrow vibrating line patterns, as Month of Mayhem did, to make a glossy object shimmer on a spinning record or a screen.

From the research on PC Music Graphics

Mix them and make something Op Art Graphics PC Music Graphics

YAY!Op Art Graphics × PC Music Graphics
A sample layout drawn from the recipe: shapes from Op Art Graphics, their arrangement from PC Music Graphics, the finish from PC Music 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.

Op Art Graphics PC Music Graphics

Type from Op Art Graphics
Colour from Op Art Graphics
Form from Op Art Graphics
Composition from PC Music Graphics
Surface from PC Music Graphics

02

The type

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

Display · Op Art Graphics

Yay!

Monoton, standing in for Mexico 68 multiline lettering (Lance Wyman)

Text · PC Music Graphics

The release artwork of London's PC Music label (2013-2023) and its immediate circle (Diamond Wright, Sophie, Timothy Luke): early hyperpop that treats a song as a polished synthetic product, not the later glitchy, maximalist hyperpop. One object, often a 3D render or a retouched portrait, gleams on a plain ground: plastic, milled aluminium, a pink capsule, a blue disc. Ideas are taken literally and pushed until strange, with puns on brands and computer culture. Dazed called the look 'bouncy, shiny, commercial, plastic, unnatural, metallic'.

Inter; PC Music Graphics used Custom display lettering after Rudolf Koch and Berthold Wolpe, with a Renaissance, woodcut feel and Comic Sans and other early-web system defaults, quoted knowingly

03

The colours

The ground and leading colours come from Op Art Graphics, with a counter-accent from PC Music Graphics. The ink reads on the ground at 4.5:1 or more.

Op Art Graphics PC Music Graphics

  • #ffffff ground · 36%
  • #0a0a0a ink · 14%
  • #e3001b accent · 18%
  • #0050b5 accent · 14%
  • #ff9ccf accent · 10%
  • #00a651 accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #0a0a0a;
  --accent-1: #e3001b;
  --accent-2: #0050b5;
  --accent-3: #ff9ccf;
  --accent-4: #00a651;
  --font-display: "Monoton", sans-serif;
  --font-text: "Inter", sans-serif;
}

05

More combinations

With Op Art Graphics

All 16 combinations with Op Art Graphics

With PC Music Graphics

Every style combination