Stylogeny combining Bitmap × Emigre

Try

Style combination · Pairs well

Bitmap × Emigre

Combine Emigre's bitmap faces with early-Mac pixel icons for an authentic mid-1980s desktop look.

From the research on Emigre & Early Digital Type

Mix them and make something Bitmap Emigre

OrbitBitmap × Emigre1977 · 1984
A sample layout drawn from the recipe: shapes from Bitmap, their arrangement from Bitmap, the finish from Bitmap. 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.

Bitmap & Pixel Graphics Emigre & Early Digital Type

Type from Emigre
Colour from Emigre
Form from Bitmap
Composition from Bitmap
Surface from Bitmap

02

The type

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

Display · Emigre

Orbit

Workbench; Emigre used Oakland and Emperor

Text · Bitmap

Graphics and lettering built from the square pixels of low-resolution screens (arcade and console sprites, home-computer displays and the first graphical user interfaces), where every dot was placed by hand within tight limits of memory, resolution and palette. Designers such as Susan Kare turned those constraints into a language of legible pictogram icons, jagged bitmap fonts and dithered tones.

VT323; Bitmap used Chicago and Geneva and Monaco

03

The colours

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

Bitmap & Pixel Graphics Emigre & Early Digital Type

  • #f4f2ec ground · 36%
  • #111111 ink · 14%
  • #e03c31 accent · 18%
  • #9bbc0f accent · 14%
  • #2b59c3 accent · 10%
  • #ff55ff accent · 8%

As CSS

:root {
  --ground: #f4f2ec;
  --ink: #111111;
  --accent-1: #e03c31;
  --accent-2: #9bbc0f;
  --accent-3: #2b59c3;
  --accent-4: #ff55ff;
  --font-display: "Workbench", monospace;
  --font-text: "VT323", monospace;
}

05

More combinations

With Bitmap

All 19 combinations with Bitmap

With Emigre

Every style combination