Stylogeny combining Dark Academia × Hauntology

Try

Style combination · Contrasts

Dark Academia × Hauntology

Both turn institutional nostalgia uncanny, but Ghost Box uses grotesque type, halftone and flat fields where this is serif, photographic and dense.

From the research on Dark Academia

Mix them and make something Dark Academia Hauntology

DaydreamDark Academia × Hauntology2014 · 2004
A sample layout drawn from the recipe: shapes from Hauntology, their arrangement from Dark Academia, the finish from Hauntology. 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.

Dark Academia Hauntology & Ghost Box Design

Type from Dark Academia
Colour from Dark Academia
Form from Hauntology
Composition from Dark Academia

Hauntology avoids horror vacui: this is where the two pull against each other, which is the point of the contrast.

Surface from Hauntology

02

The type

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

Display · Dark Academia

Daydream

Cormorant Garamond, standing in for Cormorant Garamond

Text · Hauntology

Sleeves and print that rebuild a misremembered British past from the public graphics of roughly 1958–1978. At Ghost Box, founded in London in 2004, Julian House gave every release one template after the Penguin paperback grid and library-music LPs: bold grotesque type in a ruled Penguin-style band over a single saturated colour field and an eerie collage of textbook, science and occult imagery. Reynolds and Fisher called it hauntology; Richard Littler's Scarfolk turned it into sinister public-information posters.

Archivo; Hauntology used Monotype Grotesque (MT Grotesque), the main face of the Ghost Box front covers, chosen over Helvetica and Clarendon (Bitstream's cut) on Ghost Box back covers and booklets

03

The colours

The ground and leading colours come from Dark Academia, with a counter-accent from Hauntology. The ink reads on the ground at 4.5:1 or more.

Dark Academia Hauntology & Ghost Box Design

  • #16110e ground · 36%
  • #e8dcc4 ink · 14%
  • #c9b79c accent · 18%
  • #f9a61a accent · 14%
  • #1c2a45 accent · 10%
  • #01b2de accent · 8%

As CSS

:root {
  --ground: #16110e;
  --ink: #e8dcc4;
  --accent-1: #c9b79c;
  --accent-2: #f9a61a;
  --accent-3: #1c2a45;
  --accent-4: #01b2de;
  --font-display: "Cormorant Garamond", serif;
  --font-text: "Archivo", sans-serif;
}

Use it with care

Hauntology & Ghost Box Design: The Ghost Box sleeves and logo, Littler's Scarfolk images and Frances Castle's Clay Pipe sleeves are in copyright, and much of what they imitate (Penguin covers, government public information posters, textbook illustrations, archive photographs) has its own rights holders: build a new fictional institution from public-domain or licensed material rather than copying a Ghost Box sleeve or Penguin's trade dress.

05

More combinations

With Dark Academia

With Hauntology

All 12 combinations with Hauntology

Every style combination