Style combination · Contrasts
Drum Magazine × International Typographic Style
The same decade's neutral grid and objective photography against Drum's punchy cover lines, hand-tinted pin-ups and crowded boxes.
Mix them and make something Drum Magazine International Typographic 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.
Drum Magazine & Sophiatown Photojournalism International Typographic Style
- Type from Drum Magazine
- Colour from International Typographic Style
- Form from Drum Magazine
- Composition from International Typographic Style
- Surface from Drum Magazine
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Drum Magazine
Index
Anton, standing in for Condensed gothic capitals (the masthead, in white out of a red box at top left: THE AFRICAN DRUM in June 1951, DRUM after Bailey renamed it)
Text · International Typographic Style
A post-war refinement of the New Typography in which the mathematical grid, objective photography and neo-grotesque sans-serifs were used to communicate with clarity and neutrality. Taught at the Basel and Zurich schools, it became the default language of international corporate and institutional communication.
Inter; International Typographic Style used Akzidenz-Grotesk and Helvetica
03
The colours
The ground and leading colours come from International Typographic Style, with a counter-accent from Drum Magazine. The ink reads on the ground at 4.5:1 or more.
Drum Magazine & Sophiatown Photojournalism International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#f3c934accent · 14% -
#1f4e9caccent · 10% -
#7a7a7aaccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #f3c934;
--accent-3: #1f4e9c;
--accent-4: #7a7a7a;
--font-display: "Anton", sans-serif;
--font-text: "Inter", sans-serif;
}
Use it with care
Drum Magazine & Sophiatown Photojournalism: Drum's photographs show real, named people, among them prisoners, farm labourers and protesters exposed to humiliation or danger under apartheid, and women cast as pin-ups by a magazine owned and edited by men. Many of the photographs are still under copyright in Bailey's African History Archive (BAHA), and the Drum name and masthead are owned by Media24. Borrow the system (candid black-and-white picture features, hand-tinted cover portraits, boxed punchy cover lines), never a particular photograph, the Drum name or masthead, or a real person's likeness. Do not fabricate 'documentary' scenes of real events or of apartheid-era suffering, and never present a generated image as a Drum photograph or a historical record. Photograph or license your own named subjects; in a generated image, show the subject the brief supplies, dressed and posed with dignity, never an anonymous sexualised pin-up or generic 'township' Black people as retro decor. Drum's glamour sat beside full-page skin-lightener advertisements and sponsored beauty contests: do not lighten skin tones in hand-tinting or revive that beauty ideal.
04
The two styles
05
More combinations
With Drum Magazine
- Blue Note Jazz Sleeve Modernism Pairs well · Two 1950s ways of picturing jazz musicians in black-and-white photographs with condensed capitals; take Blue Note's single giant word and one tint for a calmer, more modernist Drum page.
- South African Resistance Poster Contrasts · The later South African struggle poster argues with screenprinted slogans, emblems and drawn figures; Drum argued through candid photography and urban glamour inside a commercial magazine.
- South African Vernacular Design (Ijusi) Pairs well · Post-apartheid Ijusi collages the street lettering of the townships Drum photographed; pair Drum's documentary pictures with Ijusi's vernacular type for a South African layout across both eras.
- Onitsha Market Pamphlets Pairs well · Contemporary West African popular print for the same new urban readers; Onitsha's letterpress chapbook covers add a cheaper, home-made counterpart to Drum's hand-tinted cover girls.
- Fotoromanzo (Italian Photo-Romance) Contrasts · Drum's photographs report real township life under condensed headlines; the fotoromanzo stages fiction for the camera and runs it as a grid of stills with balloons.
With International Typographic Style
- Art Nouveau Contrasts · Ornamental curves against an orthogonal grid make a strong deliberate tension.
- Brutalist Web Design Pairs well · Strip the grid to raw HTML defaults to get a rawer, contemporary take on Swiss honesty.
- Psychedelic Poster Contrasts · Its exact opposite on legibility; borrow one swirling element to break a too-cold Swiss layout.
- Japanese Postwar Modernism Pairs well · Add Japanese restraint and emblematic colour fields to the grid for warmth without losing order.
- American Traditional Tattoo Flash Contrasts · Rational grid and sans-serif against sentimental, hand-lettered emblems: one flash motif on a Swiss layout makes a sharp contrast.
- Graffiti & Hip-Hop Graphics Contrasts · Put a single tag or throw-up over a strict Swiss grid to stage the clash between institutional order and a street voice.
- Pop Art Graphics Contrasts · Set one loud appropriated Pop image inside a strict grid with a neutral grotesque so the irony reads as deliberate rather than chaotic.
- Italian Painted Film Poster (Rome Studios) Contrasts · Grid, restraint and photographic objectivity are the opposite of a crowded painted montage.