Style combination · Pairs well
Out-of-Square Hangul Typography × International Typographic Style
Place a modular out-of-square headline on a strict Swiss grid so the hanging, irregular syllables read as deliberate against an ordered page.
Mix them and make something Out-of-Square Hangul Typography 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.
Out-of-Square Hangul Typography International Typographic Style
- Type from Out-of-Square Hangul Typography
- Colour from International Typographic Style
- Form from Out-of-Square Hangul Typography
- Composition from International Typographic Style
- Surface from Out-of-Square Hangul Typography
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Out-of-Square Hangul Typography
Form
Syne; Out-of-Square Hangul Typography used Ahn Sang-soo typeface and Isang-che, Mir-che and Mano-che
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 Out-of-Square Hangul Typography. The ink reads on the ground at 4.5:1 or more.
Out-of-Square Hangul Typography International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#f2c12eaccent · 14% -
#1f4e9caccent · 10% -
#7a7a7aaccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #f2c12e;
--accent-3: #1f4e9c;
--accent-4: #7a7a7a;
--font-display: "Syne", sans-serif;
--font-text: "Inter", sans-serif;
}
04
The two styles
05
More combinations
With Out-of-Square Hangul Typography
- Emigre & Early Digital Type Pairs well · Both turned a constructed alphabet into a magazine laboratory in the 1980s; set an Emigre-era Latin face beside an out-of-square Hangul face for a bilingual experimental spread.
- Chaekgeori & Minhwa Screen Painting Pairs well · Munjado builds a character from pictures and out-of-square Hangul builds pictures from letters; combine them for a Korean identity that spans folk painting and modern type.
- Hong Kong Neon & Beiwei Shop-Sign Lettering Contrasts · Beiwei's chisel-edged, stele-derived brush script is the opposite of monoline geometric jamo; set the two side by side to show calligraphic against constructed East Asian lettering.
- Roman-like Thai Typography (modern loopless Thai) Pairs well · Both modernise an Asian script by dropping a defining convention, the square cell in Hangul and the head loop in Thai; set them together for a pan-Asian modern type specimen or festival identity.
- Seoul Independent Graphic Design (Small-Studio Scene) Pairs well · Ahn Sang-soo freed Hangul from the square in 1985, and Sulki & Min have gone further back, to Cho Young-jae's 1976 proposal to restructure Hangul for typewriters, a study they say has rarely been discussed with the depth it deserves, and to the origins of unsquared Hangul; set a hanging, de-squared headline in a centred one-colour poster to join the generations.
- Korean Commercial Calligraphy (Kaelligeurapi) Contrasts · Both free Hangul from the equal square, but Ahn Sang-soo constructs monoline jamo as a reusable typeface while kaelligeurapi writes each word once with the brush; choose between a system and a signature.
- Newtro (Korean New-Retro) Contrasts · Set the modernist, geometric de-squared Hangul of Ahn Sang-soo against newtro's revived brush and cursive label lettering to show two ideas of fashionable Hangul.
- Song–Ming Woodblock Book Typography (Songti / Mincho) Contrasts · Ahn Sang-soo's typeface broke exactly the equal square that Myeongjo keeps; run Myeongjo body text under out-of-square headings to stage tradition against experiment.
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.