Stylogenyin the style of Bitmap & Pixel Graphics

Digital native · 1977–1995 · North America, East Asia

Bitmap & Pixel Graphics

Also known as Pixel art, 8-bit graphics, Bitmap type, Low-res 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.

Make something in this styleGet advice in this styleMix it with another style

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.
AI-generated by Stylogeny from the style’s design choices. Not a real or historical work.

01

How it works

  • Draw every glyph, icon and sprite on the pixel grid, placing each dot by hand and never relying on smooth curves or anti-aliasing.
  • Reduce subjects to the fewest pixels that still read (an icon in 32×32, a character in 16×16), exaggerating the key features.
  • Work within a fixed hardware palette, from 1-bit black and white to 4–16 colours, and fake extra tones with dither patterns.
  • Design type as bitmaps for one specific size, whether monospaced terminal fonts or proportional screen faces like Chicago and Geneva.
  • Make interfaces legible through metaphor and pictograms (trash can, folder, wristwatch) so that function reads without words.

US personal-computer makers (Apple, Xerox PARC) and Japanese arcade and console developers (Taito, Namco, Nintendo)

02

Its design choices

From Stylogeny’s vocabulary of design choices: defining choices make the style, characteristic ones are usual, occasional ones turn up now and then.

Layout & composition
Space & hierarchy
Typography
Colour
Form & shape
Surface & texture
Ornament
Imagery
Medium & production
Tone & intent
Avoids
Gradients, Gloss & highlights, Skeuomorphic material, Painterly brushwork, Script, Whiplash line, Straight photography

Palette

  • #000000
  • #f2f2f2
  • #55ffff
  • #ff55ff
  • #352879
  • #9bbc0f

Typefaces

  • Chicago

    Susan Kare, 1984

  • Geneva and Monaco

    Macintosh bitmap fonts

  • Oakland, Emperor and Universal

    Zuzana Licko, 1985; later reissued as Lo-Res

  • Commodore PETSCII character set

Known for

  • Susan Kare

    Apple Macintosh icons and the Chicago, Geneva and Monaco fonts, 1984

  • Bill Atkinson

    MacPaint, 1984

  • Tomohiro Nishikado

    Space Invaders, Taito, 1978

  • Toru Iwatani

    Pac-Man, Namco, 1980

  • Shigeru Miyamoto

    Super Mario Bros., Nintendo, 1985

  • Zuzana Licko

    Emperor, Oakland and Universal bitmap faces, Emigre, 1985

  • Wim Crouwel

    New Alphabet, 1967; a precursor of screen type

03

Make something in this style

Say what you need, and Stylogeny’s image studio draws it from Bitmap & Pixel Graphics’s design choices and checks it against them. It takes about a minute, and you get a link to share.

Rule out a choice, read the prompt, or blend in another style: take this brief to Mix styles.

04

Where it comes from, and what it’s close to

Before it

The style it grew out of, and the styles it borrowed from.

This styleBitmap & Pixel Graphics1977–1995 · North America, East Asia

After it

The styles that grew out of it.

Alike in its design choices

Styles that make many of the same choices, related or not, besides those above.

05

Real works

Artefacts in museums, libraries and archives that show the style, linked at their source.

06

Sources

  1. Rudy VanderLans & Zuzana Licko, Emigre: Graphic Design into the Digital Realm (1993)
  2. Philip B. Meggs & Alston W. Purvis, Meggs' History of Graphic Design (chapter on the digital revolution)

How Stylogeny researches and checks a style: where the facts come from.