Stylogeny combining Googie × Hong Kong Neon

Try

Style combination · Pairs well

Googie × Hong Kong Neon

Googie starbursts and Kowloon calligraphy are parallel 1950s neon vernaculars; mix a tube-drawn emblem with Beiwei characters for a mid-century night-market identity.

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

Mix them and make something Googie Hong Kong Neon

OrbitGoogie × Hong Kong Neon1945 · 1950
A sample layout drawn from the recipe: shapes from Googie, their arrangement from Googie, the finish from Googie. 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.

Googie & Atomic Age Hong Kong Neon & Beiwei Shop-Sign Lettering

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

02

The type

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

Display · Hong Kong Neon

Orbit

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

Text · Googie

The exuberant commercial modernism of post-war American roadside culture (coffee shops, motels, car washes, bowling alleys and neon signs), named in 1952 by critic Douglas Haskell after John Lautner's Googie's coffee shop in Los Angeles (1949). Upswept roofs, boomerangs, starbursts, atoms and parabolic arches worked as giant signs for passing drivers, with casual scripts and neon promising a Space Age future.

Jost; Googie used Neon-tube script lettering and Dom Casual

03

The colours

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

Googie & Atomic Age Hong Kong Neon & Beiwei Shop-Sign Lettering

  • #0d0d14 ground · 36%
  • #39ff88 ink · 14%
  • #ff8a1f accent · 18%
  • #ff2a3d accent · 14%
  • #f6cf3f accent · 10%
  • #3d7bff accent · 8%

As CSS

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

05

More combinations

With Googie

All 17 combinations with Googie

With Hong Kong Neon

All 10 combinations with Hong Kong Neon

Every style combination