Stylogeny combining Hong Kong East–West Graphic Modernism × Hong Kong Neon

Try

Style combination · Contrasts

Hong Kong East–West Graphic Modernism × Hong Kong Neon

The same city's street lettering: set dense, glowing Beiwei signboards against a white-space bilingual lockup to choose between vernacular and institutional Hong Kong.

From the research on Hong Kong East–West Graphic Modernism

Mix them and make something Hong Kong East–West Graphic Modernism Hong Kong Neon

PublicHong Kong × Hong Kong Neon1964 · 1950
A sample layout drawn from the recipe: shapes from Hong Kong East–West Graphic Modernism, their arrangement from Hong Kong East–West Graphic Modernism, the finish from Hong Kong East–West Graphic Modernism. 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.

Hong Kong East–West Graphic Modernism Hong Kong Neon & Beiwei Shop-Sign Lettering

Type from Hong Kong Neon
Colour from Hong Kong Neon

Hong Kong East–West Graphic Modernism avoids fluorescent & neon: this is where the two pull against each other, which is the point of the contrast.

Form from Hong Kong East–West Graphic Modernism
Composition from Hong Kong East–West Graphic Modernism

Hong Kong Neon avoids generous white space: this is where the two pull against each other, which is the point of the contrast.

Surface from Hong Kong East–West Graphic Modernism

02

The type

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

Display · Hong Kong Neon

Public

Shippori Mincho, standing in for Beiwei kaishu (Northern Wei stele-style regular script), as written by Au Kin-kung

Text · Hong Kong East–West Graphic Modernism

The studio design of Hong Kong from the 1960s, made for banks, developers, trade bodies, hotels and cultural events in a city that had to speak Chinese and English at once. Henry Steiner, a Yale student of Paul Rand, and a local generation taught by Wucius Wong, led by Kan Tai-keung, set compact symbols, sans-serif type and white space against quoted Chinese signs: ancient coins, characters, mythical creatures and, from the 1980s, ink washes and brush strokes, often staged as an East–West visual pun.

Inter; Hong Kong East–West Graphic Modernism used Sans-serifs for the Latin and Chinese set horizontally and smaller than the Latin, as the title 香港之進展 beside the skewed English of 'Progress Hong Kong'

03

The colours

The ground and leading colours come from Hong Kong Neon, with a counter-accent from Hong Kong East–West Graphic Modernism. The ink reads on the ground at 4.5:1 or more.

Hong Kong East–West Graphic Modernism Hong Kong Neon & Beiwei Shop-Sign Lettering

  • #0d0d14 ground · 36%
  • #39ff88 ink · 14%
  • #ff8a1f accent · 18%
  • #c62a20 accent · 14%
  • #ff2a3d accent · 10%
  • #b08d4a accent · 8%

As CSS

:root {
  --ground: #0d0d14;
  --ink: #39ff88;
  --accent-1: #ff8a1f;
  --accent-2: #c62a20;
  --accent-3: #ff2a3d;
  --accent-4: #b08d4a;
  --font-display: "Shippori Mincho", serif;
  --font-text: "Inter", sans-serif;
}

Use it with care

Hong Kong East–West Graphic Modernism: Hong Kong uses traditional Chinese characters, so do not substitute simplified forms, and have every Chinese word in a lockup checked by a literate reader, since image models often invent or garble characters. The style used real Chinese signs and characters for their meaning, such as the coin and 中 of the Bank of China emblem; do not fall back on brush-effect 'chop-suey' Latin fonts or random characters as exotic texture.

05

More combinations

With Hong Kong East–West Graphic Modernism

With Hong Kong Neon

All 10 combinations with Hong Kong Neon

Every style combination