Stylogeny combining Hong Kong Neon × Minimalist Graphic Design

Try

Style combination · Contrasts

Hong Kong Neon × Minimalist Graphic Design

Isolate one neon character on a black field to turn the crowded street into a single emblem, then reintroduce density step by step.

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

Mix them and make something Hong Kong Neon Minimalist Graphic Design

CalmHong Kong Neon × Minimalist Graphic
A sample layout drawn from the recipe: shapes from Minimalist Graphic Design, their arrangement from Minimalist Graphic Design, the finish from Hong Kong Neon. 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 Minimalist Graphic Design

Type from Hong Kong Neon
Colour from Hong Kong Neon

Minimalist Graphic Design avoids fluorescent & neon: this is where the two pull against each other, which is the point of the contrast.

Form from Minimalist Graphic Design
Composition from Minimalist Graphic Design

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 Neon

02

The type

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

Display · Hong Kong Neon

Calm

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

Text · Minimalist Graphic Design

Modernism reduced to its barest means, informed by 1960s Minimal art and Japanese emptiness: one image or line of type, vast white or neutral space, a monochrome or near-monochrome palette and meticulous typographic detail. From ECM record sleeves to Muji and Apple packaging, it signals quality, calm and confidence by withholding rather than adding.

Inter; Minimalist Graphic Design used Helvetica Neue and Akzidenz-Grotesk

03

The colours

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

Hong Kong Neon & Beiwei Shop-Sign Lettering Minimalist Graphic Design

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

As CSS

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

05

More combinations

With Hong Kong Neon

All 10 combinations with Hong Kong Neon

With Minimalist Graphic Design

All 33 combinations with Minimalist Graphic Design

Every style combination