Stylogeny combining Hong Kong Neon × Vaporwave

Try

Style combination · Pairs well

Hong Kong Neon × Vaporwave

Vaporwave and cyberpunk borrowed Kowloon neon as scenery; use real Beiwei forms and trade emblems instead of random East Asian characters to give a neon palette substance.

From the research on Hong Kong Neon & Beiwei Shop-Sign Lettering

Mix them and make something Hong Kong Neon Vaporwave

SouvenirSouvenirSouvenirHong Kong Neon × Vaporwave1950 · 2011
A sample layout drawn from the recipe: shapes from Vaporwave, their arrangement from Hong Kong Neon, the finish from Vaporwave. 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 Neon & Beiwei Shop-Sign Lettering Vaporwave

Type from Hong Kong Neon
Colour from Hong Kong Neon
Form from Vaporwave
Composition from Hong Kong Neon
Surface from Vaporwave

02

The type

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

Display · Hong Kong Neon

Souvenir

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

Text · Hong Kong Neon

The night-time signscape of Hong Kong's Kowloon streets. Shop names written by commercial calligraphers in Beiwei kaishu, a square, heavy, chisel-edged script descended from Northern Wei stone steles, were bent by neon makers into glass tube and cantilevered over the road. Vertical Chinese, horizontal English, double-line borders and trade emblems such as the pawnshop's bat and coin stack into a dense canyon of light, thinned by signboard controls since the 2000s.

Shippori Mincho; Hong Kong Neon used Beiwei kaishu (Northern Wei stele-style regular script), as written by Au Kin-kung and Zansyu (Adonian Chan, Trilingua), digital Beiwei revival

03

The colours

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

Hong Kong Neon & Beiwei Shop-Sign Lettering Vaporwave

  • #0d0d14 ground · 36%
  • #39ff88 ink · 14%
  • #ff8a1f accent · 18%
  • #01cdfe accent · 14%
  • #ff2a3d accent · 10%
  • #05ffa1 accent · 8%

As CSS

:root {
  --ground: #0d0d14;
  --ink: #39ff88;
  --accent-1: #ff8a1f;
  --accent-2: #01cdfe;
  --accent-3: #ff2a3d;
  --accent-4: #05ffa1;
  --font-display: "Shippori Mincho", serif;
  --font-text: "Shippori Mincho", serif;
}

05

More combinations

With Hong Kong Neon

All 10 combinations with Hong Kong Neon

With Vaporwave

All 19 combinations with Vaporwave

Every style combination