Style combination · Contrasts
Bandung Distro Graphics × International Typographic Style
A neutral grid and whitespace against dense, logo-led, shout-loud merchandise.
Mix them and make something Bandung Distro Graphics 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.
Bandung Distro Graphics International Typographic Style
- Type from International Typographic Style
- Colour from International Typographic Style
- Form from Bandung Distro Graphics
- Composition from International Typographic Style
- Surface from Bandung Distro Graphics
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · Bandung Distro Graphics
Screenprinted T-shirt, jacket, sticker and poster graphics of Bandung's independent distros, which grew from the underground music scene's do-it-yourself band merchandise into a local clothing economy built on small runs, originality and scarcity. Sources describe the economy far better than the look, so the visual rules here (logo-led designs, band-style lettering, local-pride slogans, cluttered sticker-and-poster shop walls) are tentative.
Special Elite; Bandung Distro Graphics used Hardcore and skate-style band logo lettering and Hand-lettered and stencil street lettering
03
The colours
The ground and leading colours come from International Typographic Style, with a counter-accent from Bandung Distro Graphics. The ink reads on the ground at 4.5:1 or more.
Bandung Distro Graphics International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#f2b705accent · 14% -
#1f4e9caccent · 10% -
#7a7a7aaccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #f2b705;
--accent-3: #1f4e9c;
--accent-4: #7a7a7a;
--font-display: "Inter Tight", sans-serif;
--font-text: "Special Elite", monospace;
}04
The two styles
05
More combinations
With Bandung Distro Graphics
- Hype Streetwear Graphics (Box Logo to Quotation Marks) Pairs well · Shares the label-as-identity logic of small-run screenprinted apparel; hype streetwear is a later, Western, commercial scene, whereas distro is a city shop economy rooted in local pride.
- Screenprinted Gig & Alt-Movie Poster Pairs well · Both screenprint scene-made graphics for bands; distro moves the print from paper onto cloth.
- Hipster Artisanal Revival Contrasts · Craft badges on a polished, affluent brand look against loud, low-cost, scene-bound emblems.
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.