Stylogeny

Vocabulary

The 150 design choices

Stylogeny describes every style with the same vocabulary. It has 10 facets, and each answers one design question, such as how the page is organised or what the letters look like. A style is the set of choices it makes: some define it, some are usual, some turn up now and then, and some it avoids.

Layout & composition

How is the picture plane organised?

Grid systems

  • Modular grid80 styles

    Fields defined by rows and columns; every element snaps to modules.

  • Column grid51 styles

    Vertical columns structure text and image; vertical placement is free.

  • Classical text block33 styles

    A single centred or justified block descended from book typography.

  • Cards & bento tiles9 styles

    Content partitioned into rounded tiles or cards of varied size.

Axis & balance

  • Central symmetry205 styles

    Elements mirrored around a central axis; formal and stable.

  • Dynamic asymmetry111 styles

    Off-centre balance from the tension between unequal masses.

  • Diagonal axis76 styles

    Composition driven by tilted axes and oblique movement.

  • Radial & concentric45 styles

    Elements radiate from, or orbit around, a centre.

Free composition

  • Collage & layering100 styles

    Overlapping fragments, cut-outs and stacked planes.

  • Broken grid20 styles

    A grid is implied and then deliberately violated or deconstructed.

  • Organic flow33 styles

    Text and image follow curving, natural paths instead of a grid.

  • All-over field69 styles

    No focal point; the whole surface is filled evenly, like a textile.

Framing

  • Framed panels179 styles

    Content held in borders, cartouches or compartments.

  • Full bleed126 styles

    Image or colour runs off every edge; no protective margins.

  • Isolated object198 styles

    A single object or figure isolated on a plain ground.

Space & hierarchy

How is attention distributed?

Density

Hierarchy

Rhythm & depth

Typography

What do the letters look like, and how are they set?

Serif classes

  • Humanist & Garalde serif23 styles

    Calligraphic stress and bracketed serifs: Jenson, Garamond, Bembo.

  • Transitional serif14 styles

    Upright stress and sharper contrast: Baskerville, Times.

  • Didone10 styles

    Hairline serifs and extreme stroke contrast: Bodoni, Didot.

  • Slab serif24 styles

    Heavy, square serifs: Egyptians, Clarendons, typewriter slabs.

Sans-serif classes

  • Grotesque & neo-grotesque106 styles

    Neutral, rational sans: Akzidenz-Grotesk, Helvetica, Univers.

  • Geometric sans66 styles

    Built from circle and line: Futura, Avant Garde, Circular.

  • Humanist sans14 styles

    Pen-derived proportions: Gill Sans, Frutiger, Myriad.

  • Rounded sans12 styles

    Soft, rounded terminals; friendly and toy-like.

Scripts & hands

  • Blackletter17 styles

    Gothic textura and fraktur forms.

  • Script38 styles

    Joined, cursive or copperplate letterforms.

  • Brush & pen calligraphy86 styles

    Calligraphy as structure: Arabic, East Asian, broad-pen Latin.

  • Hand-lettering248 styles

    Custom drawn or painted letters rather than set fonts.

Display & special

  • Ornamented display101 styles

    Inline, shaded, Tuscan or fantasy display faces.

  • Condensed display59 styles

    Tall, narrow, heavy letters for impact.

  • Stencil16 styles

    Bridged letterforms evoking crates, military or industrial marking.

  • Monospace16 styles

    Fixed-width typewriter or code letterforms.

  • Bitmap & pixel15 styles

    Letters constructed on a pixel grid.

  • Experimental & distorted71 styles

    Stretched, fragmented, layered or deliberately hard-to-read letters.

Typographic treatment

Colour

What is the colour strategy?

Strategy

Key & temperature

Transitions

Form & shape

What is the shape language?

Geometric

Curvilinear

Representation

Surface & texture

What is the material finish?

Flatness

  • Flat241 styles

    No simulated depth or texture.

  • Hard offset shadow48 styles

    Solid, unblurred drop shadows and outlines.

Simulated material

Print artefacts

Hand & machine marks

  • Carved line67 styles

    Woodcut, linocut or engraving marks.

  • Painterly brushwork139 styles

    Visible brush, airbrush or paint handling.

  • Glitch8 styles

    Corrupted pixels, scanlines, compression artefacts.

Ornament

How much decoration, and of what kind?

Level

Motif

Imagery

What kind of pictures, if any?

Without pictures

Photographic

Drawn & painted

Systematic

Synthetic & found

Medium & production

What technology shaped it?

Hand & relief

Print industry

Screen

Environment & craft

Tone & intent

What should the work make people feel or do?

Reason

Emotion

Stance