Stylogeny combining Bitmap × Early Computer Art

Try

Style combination · Contrasts

Bitmap × Early Computer Art

Choose continuous, fine plotted paths for an open paper drawing or coarse pixel cells for a screen pictogram; do not simulate the former by merely adding an 8-bit font.

From the research on Early Computer Art & Plotter Graphics

Mix them and make something Bitmap Early Computer Art

CircuitBitmap × Early Computer Art1977 · 1963
A sample layout drawn from the recipe: shapes from Early Computer Art, their arrangement from Early Computer Art, 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 Early Computer Art & Plotter Graphics

Type from Bitmap
Colour from Bitmap
Form from Early Computer Art
Composition from Early Computer Art
Surface from Bitmap

02

The type

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

Display · Bitmap

Circuit

Pixelify Sans, standing in for Chicago (Susan Kare, 1984)

Text · Early Computer Art

An early computational print idiom that turns explicit procedures and bounded chance into visible marks on paper. Fine paths or coloured modules, repeated units, omissions and changes of density make the rule and its variations readable. Plotter drawings circulated alongside screenprinted and offset versions; this entry centres that paper-based abstraction, not all computer art, pixel imagery or later variable branding.

Inter; Early Computer Art used Small technical work identifiers and captions subordinate to the image and Handwritten artist signatures and edition numerals in the sheet margin

03

The colours

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

Bitmap & Pixel Graphics Early Computer Art & Plotter Graphics

  • #000000 ground · 36%
  • #f2f2f2 ink · 14%
  • #9bbc0f accent · 18%
  • #28249a accent · 14%
  • #55ffff accent · 10%
  • #b24b88 accent · 8%

As CSS

:root {
  --ground: #000000;
  --ink: #f2f2f2;
  --accent-1: #9bbc0f;
  --accent-2: #28249a;
  --accent-3: #55ffff;
  --accent-4: #b24b88;
  --font-display: "Pixelify Sans", monospace;
  --font-text: "Inter", sans-serif;
}

04

The two styles

A retro pixel-art space navigation interface shows a gridded star map with a spiral galaxy, colorful stars, and green celestial bodies. A right-hand panel displays a cyan planet and its statistics, while object cards and a command menu run along the bottom. 1977–1995 · North America, East Asia Bitmap & Pixel Graphics 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. A cream poster headed “ITERATION” contains a rectangular grid filled with fine blue, green and magenta lines. Repeated fans of lines overlap into sweeping curves and woven-looking geometric patterns. 1963–1980 · Central Europe, Western Europe, North America, Southern Europe Early Computer Art & Plotter Graphics An early computational print idiom that turns explicit procedures and bounded chance into visible marks on paper. Fine paths or coloured modules, repeated units, omissions and changes of density make the rule and its variations readable. Plotter drawings circulated alongside screenprinted and offset versions; this entry centres that paper-based abstraction, not all computer art, pixel imagery or later variable branding.

05

More combinations

With Bitmap

All 19 combinations with Bitmap

With Early Computer Art

Every style combination