The NEW Web Typography: Where the Sexy is 2016

GROUP
THE
CRANFORDTEAGUE
www.cranfordteague.com
THE NEW WEB TYPOGRAPHY
where the sexy is
Jason Cranford Teague
@jasonspeaking | #sexynewtype

20  
YEARS AGO…
GROUP
THE
CRANFORDTEAGUEJason Cranford Teague

15  
YEARS AGO…
GROUP
THE

10  
YEARS AGO…
GROUP
THE

GROUP
THE
NOW…
www.cranfordteague.com

GROUP
THE

THE FUTURE…
GROUP
THE
Stephen Boss & Jason Cranford Teague

WHAT IS SEXY?
GROUP
THE

GROUP
THE
folha de s. paulo newspaper

GROUP
THE
Grabs your attention…

GROUP
THE
Keeps your attention…

GROUP
THE
Gives you something to remember…

GROUP
THE
HTML + CSS = SEXY?
Web Typography
BORING

SEXY TYPOGRAPHY…
GROUP
THE
Grabs your attention
Keeps your attention
Gives you something to remember

TYPOGRAPHIC STYLE  
GRABS YOUR ATTENTION
GROUP
THE

.1 Seconds
GROUP
THE

CONTRAST…
GROUP
THE

CONTRAST…
GROUP
THE
High Color Contrast

CONTRAST…
GROUP
THE
Low Color Contrast

CONTRAST…
GROUP
THE
Mixed Color Contrast

CONTRAST…
GROUP
THE
Stylecontrast

CONTRAST…
GROUP
THE
weightContrast

CONTRAST…
GROUP
THE
widthContrast

CONTRAST…
GROUP
THE
TypefaceContrast

CONTRAST…
GROUP
THE
multiContrast

SPACE…
GROUP
THE

SPACE…
GROUP
THE
Looking-Glass house
One thing was certain, that the white kitten had had
nothing to do with it:--it was the black kitten's fault
entirely. For the white kitten had been having its face
washed by the old cat for the last quarter of an hour
(and bearing it pretty well, considering); so you see
that it couldn't have had any hand in the mischief.

SPACE…
GROUP
THE
Looking-Glass house
One thing was certain, that the white kitten
had had nothing to do with it:--it was the
black kitten's fault entirely. For the white
kitten had been having its face washed by
the old cat for the last quarter of an hour
(and bearing it pretty well, considering); so
you see that it couldn't have had any hand
in the mischief.

SPACE…
GROUP
THE
Looking-Glass house
had had nothing to do with it:--it was the black
kitten's fault entirely. For the white kitten had
been having its face washed by the old cat for
the last quarter of an hour (and bearing it
pretty well, considering); so you see that it
couldn't have had any hand in the mischief.

SPACE…
GROUP
THE
Looking-Glass house
had had nothing to do with it:--it was the black
kitten's fault entirely. For the white kitten had
been having its face washed by the old cat for
the last quarter of an hour (and bearing it pretty
well, considering); so you see that it couldn't
have had any hand in the mischief.

SCALE…
GROUP
THE

SCALE…
GROUP
THE
Looking-Glass house
One thing was certain, that the white kitten had had nothing to do with it:--it was the black kitten's fault entirely. For the white kitten had been having its face
washed by the old cat for the last quarter of an hour (and bearing it pretty well, considering); so you see that it couldn't have had any hand in the mischief.

SCALE…
GROUP
THE
Looking-Glass house
One thing was certain, that the white kitten had
had nothing to do with it:--it was the black kitten's
fault entirely. For the white kitten had been having its
face washed by the old cat for the last quarter of an
hour (and bearing it pretty well, considering); so you
see that it couldn't have had any hand in the
mischief.

TEXTURE…
GROUP
THE

TEXTURE…
GROUP
THE
Drop Shadow

TEXTURE…
GROUP
THE
Emboss or Bevel

TEXTURE…
GROUP
THE
Read Me

TYPOGRAPHIC VOICE  
KEEPS YOUR ATTENTION
GROUP
THE

GROUP
THE
font :: type
voice :: speech

GROUP
THE
AA A A A
AA A A A A
AA A A AA

IF I SAY…
GROUP
THE
“I’m going to kill you”

GROUP
THE
Pirate = UglyQua
Insane = Sybil Green
Robotic = Synchro LET
Suave = Cooper Std

FIND YOUR VOICE
GROUP
THE

Brand D
Brand IBrand H
Brand E
Brand F Brand N
Brand C
Brand G
Brand KBrand J Brand Q
Brand X
GROUP
THE

TYPOGRAPHIC DESIGN  
GIVES YOU  
SOMETHING TO REMEMBER
GROUP
THE

WHEN LEGIBILITY AND
READABILITY ARE A PROBLEM
GROUP
THE

GROUP
THE
A long-standing typographic maxim is that the most
legible typefaces are “transparent” to the reader–that is,
they don’t call undue attention to themselves. Additionally,
the most legible typefaces contain big features and have
restrained design characteristics.
— Allan Haley
“

GROUP
THE
When people find something easy to read, they take that
as a sign that they've mastered it. Conversely, the
researchers believe harder-to-read fonts provoke a feeling
of lack of mastery and encourage deeper processing.
— Daniel Oppenheimer
“

DISFLUENCY
GROUP
THE

GROUP
THE
A number of so called "desirable difficulties" show that
when people process information deeply they learn more
effectively, and depth of processing is not necessarily easy.
— Daniel Oppenheimer
“

GROUP
THE
CONTRAST…

WHAT DESIGNERS ALREADY
KNOW
GROUP
THE

DOES THIS MEAN THAT
READABILITY DOESN'T MATTER?
GROUP
THE

GROUP
THE
https://trends2015.hautehorlogerie.org

GROUP
THE
SEIA.org

GROUP
THE
http://www.annasafroncik.it

GROUP
THE
http://inspacewetrust.org/en/

FREE COPY
GROUP
THE
Stephen Boss & Jason Cranford Teague

The NEW Web Typography: Where the Sexy is 2016

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (15)

More from Jason CranfordTeague

More from Jason CranfordTeague (9)

Recently uploaded

Recently uploaded (20)

The NEW Web Typography: Where the Sexy is 2016