Style combination · Pairs well
Mavo × Punk
Both paste real ephemera into a cheap, self-published magazine; give a punk zine Mavo's black boxing rules, a hand-cut linocut and one line of text turned sideways.
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.
Mavo Punk & DIY Zine
- Type from Mavo
- Colour from Punk
- Form from Mavo
- Composition from Mavo
- Surface from Punk
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · Punk
The graphic voice of punk rock in fanzines, record sleeves and gig flyers: images and words cut from newspapers, typed or scrawled, pasted down and run off on a photocopier. Deliberate crudeness, ransom-note lettering and hijacked mass-media imagery turned cheap reproduction into an anti-professional statement of autonomy and dissent.
Courier Prime; Punk used Ransom-note cut-out lettering and Typewriter faces
03
The colours
The ground and leading colours come from Punk, with a counter-accent from Mavo. The ink reads on the ground at 4.5:1 or more.
Mavo Punk & DIY Zine
-
#f2efe6ground · 36% -
#0d0d0dink · 14% -
#ff2fa0accent · 18% -
#c42a21accent · 14% -
#dbb13aaccent · 10% -
#8c8c8caccent · 8%
As CSS
:root {
--ground: #f2efe6;
--ink: #0d0d0d;
--accent-1: #ff2fa0;
--accent-2: #c42a21;
--accent-3: #dbb13a;
--accent-4: #8c8c8c;
--font-display: "Big Shoulders", sans-serif;
--font-text: "Courier Prime", monospace;
}04
The two styles
05
More combinations
With Mavo
- Russian Constructivism Pairs well · Borrow Constructivism's heavy bars and one red ink to steady a Mavo page, but keep Mavo's hand-drawn characters and abstract machine linocuts instead of a single clear slogan.
- Japanese Postwar Modernism Contrasts · Postwar Japanese modernism keeps one emblem in wide white space; Mavo fills every compartment, so choose between calm authority and a crowded, shouting page.
- Taishō Roman & Lyrical Illustration Contrasts · The same Taishō Tokyo in two moods: pastel lyrical illustration of modern girls against Mavo's black linocuts, newsprint and price tags.
- Die Neue Typographie Contrasts · Murayama quoted Moholy-Nagy, yet Mavo refused the objective, standardized type the New Typography preached; set a calm sans-serif page against one Mavo spread to stage order against hand-made revolt.
- Angura Theatre Poster Pairs well · Two Tokyo undergrounds forty years apart: put Mavo's black-and-white newsprint collage and boxed text under Angura's flood of screenprinted colour for an anti-establishment poster with a longer memory.
With Punk
- Russian Constructivism Pairs well · Borrow Constructivist diagonals and red-and-black bars to give punk collage the agitprop structure post-punk sleeves later adopted.
- Risograph & Indie Print Culture Pairs well · Run punk collages through a riso in fluoro pink and black to keep the DIY ethic while gaining richer, layered colour.
- Corporate Identity Modernism Contrasts · Deface a clean corporate identity with xerox collage to make the critique of polish and authority explicit.
- Frutiger Aero Contrasts · Glossy optimism is everything punk rejects; one torn xerox fragment on an aero gradient reads as instant sabotage.
- Fluxus Graphics (Maciunas) Contrasts · Both mix found type with appropriated pictures, but punk tears and photocopies while Fluxus keeps a clean offset black, justified blocks and a tight edge-to-edge grid; use the Fluxus version when cheap materials should still look ordered.
- Natural Wine Label Art Pairs well · Alice Feiring calls the earlier natural-wine scene punk rock: of Gut Oggau she says 'This is where things grow up and stop being so punk rock' (Punch, 2021). Take punk's refusal of professional polish but drop the collage and the anger: one felt-pen picture on a white label carries the same do-it-yourself stance in a friendlier voice.
- Grapus (French Militant Graphic Collective) Contrasts · Both scribble over photographs, but punk's photocopied blacks and ransom-note type are cheap and nihilist, while Grapus prints bright offset colour, mostly on white, in an optimistic, party-backed voice.
- Situationist Détournement Graphics Contrasts · Punk reprised the situationist prank in the late 1970s, but it packs torn photocopies and mixed type into crowded pages; détournement keeps a few recognisable fragments and lets each one say the opposite of what it said. Borrow the rewritten balloon when a punk layout needs a sharper argument.