. type classifications in modern web branding
.content
02. calligraphic 05. slab 06. grotesque 07. neo-grotesque 08. humanist 11. geometric
c
1800s
0 .calligraphic 2 Divided into formal and casual
Introducing the mark of the
styles, Calligraphic type was
human hand into the age of
ďŹ rst introduced with foundries
type created by machines
competing in the commercial
brings an artiďŹ cial nostalgia
print industry. This digital
and comfort of past printing
rendition of the traditional
techniques. Due to its varied
handwritten style gives an
and personalized features,
organic quality, presenting
it’s effective for social
a divergence from repetitive,
medias that encourage self-
stiff modern screen typefaces.
expression and individualism.
[unnamed custom lettering]
ccc handwritten appearance
varied weights
high stroke modulation typically oblique axis
single-storey a single-storey g
prominent serifs
low stroke modulation
vertical axis
double-storey a single-storey g sloped roman
0 5
1810s
.slab Originally created solely
Some evolved into logos
for display purposes, Slab
and headlines, and others
serifs started out in the
grew subdued in appearance
poster business after the
to increase legibility at
popularization of print
a smaller scale, such as
advertisements, due to their
monospace typefaces. Heavy
unique and imposing nature.
weights are successful for
Later they branched into
branding as they carry over
different categories for the
the bold and conspicuous
screen amidst competition
presence they were ďŹ rst
with emerging sans-serifs.
designed with.
bookman old style bold [modiďŹ ed to slab]
n g
.grotesque
sans-serif
low stroke modulation
As the earliest popularized sansserifs to use lowercase letters,
1810s
Grotesques are the first stride towards modern design while still retaining influence from its serif predecessors, such as Didone. The name comes from the resistance they faced when first distributed due to being seen as less ornate and beautiful in comparison to older styles. The reduction to simplicity while containing individualism shows catering to both corporate and consumer audiences.
trade gothic bold condensed [modified]
vertical axis
spurred capital g and r
double-storey a
single/double-storey g
sloped roman
sans-serif
low stroke modulation vertical axis
double-storey a single-storey g sloped roman
1950s
n g
univers extended [modiďŹ ed]
Stemming from later Grotesque typefaces with further evolution towards simpliďŹ ed, geometric design, Neo-Grotesques adopt a more reďŹ ned and proportionate appearance, losing a lot of the idiosyncrasies of their predecessors. As one of the most common categories in the modern world both on the screen and in print, Neo-Grotesques represent standardization and globalization.
.neo grotesque
1910s
0 8
.humanist As Neo-Grotesque typefaces
Humanist sans-serifs have
developed, some typographers
prominent inuence from
diverged from the pursuit
the hand, integrated into
of increasingly simplistic
a merging point between
designs to retain elements
the organic human mark and
from early serif typefaces.
machine production. This
Humanists were a reaction
typeface is able to convey
against the sudden explosion
professionalism along with
of standardized Neo-Grotesque
personability in logos and
typefaces, as well as for
corporate brand designs.
better scalability.
myriad pro bold [modiďŹ ed]
sans-serif
moderate stroke modulation
vertical axis
double-storey a
single/double-storey g sloped roman/italic
sans-serif
unmodulated stroke circular bowls no axis
single-storey a single-storey g sloped roman
19 20s
.geometric Geometric sans-serifs are a
Geometrics are effective for
step towards simplicity and
branding, but a poor choice
proportion compared to Neo-
for long form text due to
Grotesque typefaces. Inuenced
their tall x-height and lack
by the use of regular polygons,
of stroke modulation. In
they are popular in modern web
the mid to late 2010s, many
logos due to their minimalism
companies redesigned from
and modernity, as a display of
calligraphic or serif logos to
professionalism, efďŹ ciency,
Geometric sans-serif to avoid
and the removal of unnecessary
an outdated appearance, as
hindrances in function.
seen in the 2015 Google logo.
product sans [custom]
1 1
Publication © 2020 ECUAD All rights reserved. No part of this book may be reproduced, stored in a retrieval system or transmitted in any form or by any means without prior written permission of the publisher. Editing and design by Yvonne Zhao Logos: Instagram [02] · Mackey Saturday Tumblr [05] · in-house design, Dinamo YouTube [06] · Christopher Bettig eBay [07] · Lippincott LinkedIn [08] · in-house design Google [11] · in-house design Typeset in: Courier New · Cream Cake · Helvetica Neue · Myriad Pro · Rockwell · Trade Gothic Printed in Canada