Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Interruptions, Introductions & Seductions (Kern...
Search
Richard Rutter
June 06, 2016
Design
0
86
Interruptions, Introductions & Seductions (Kerning 2016)
Web typography talk given at Kerning 2016.
Richard Rutter
June 06, 2016
Tweet
Share
More Decks by Richard Rutter
See All by Richard Rutter
How to Evolve Your UX Team
clagnut
2
100
Introductions, Interruptions & Seductions (makingWeb_2.16)
clagnut
0
79
What I learnt from working with a content strategist
clagnut
1
220
Web Typography
clagnut
9
1.1k
Other Decks in Design
See All in Design
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.4k
Cyber Heart Online Book
hjnasby
0
150
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
310
PF_濵村ひろみ_202503
maru_design78
0
200
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
Bulletproof Design System with TypeScript
takanorip
6
3.7k
UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?
marietournelle35
0
100
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
120
Memory Man v3 (WIP)
storybychad
PRO
0
2.2k
Storyboard Honey
rocioparronrubio
0
290
Featured
See All Featured
BBQ
matthewcrist
89
9.7k
Statistics for Hackers
jakevdp
799
220k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Raft: Consensus for Rubyists
vanstee
140
7k
Navigating Team Friction
lara
187
15k
Git: the NoSQL Database
bkeepers
PRO
431
65k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
How to Ace a Technical Interview
jacobian
278
23k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
Transcript
,Introductions, Interruptions & Seductions Richard Rutter, Clearleft Kerning 2016ɾFaenza, Italia
book.webtypography.net
None
None
Photo: Marc Thiele
It is only logical to say that a web designer
should get good training in typography.” Oliver Reichenstein, Web Design is 95% Typography https://ia.net/know-how/the-web-is-all-about-typography-period “
Photo: Indra Kupferschmid
None
None
None
INTERR UPTION Immersion
None
None
Good quality typography is responsible for greater engagement during reading.”
Dr. Kevin Larson (Microsoft) and Dr. Rosalind W. Picard (MIT) “
Good typography induces a good mood.” Dr. Kevin Larson (Microsoft)
and Dr. Rosalind W. Picard (MIT) “
Good typography puts you in a good mood!
Body text sampler
Even if people are not consciously aware of the type
they’re reading, they’ll certainly be affected by it.” Tobias Frere-Jones, Helvetica (dir. Gary Huswitt, 2007). “
bentonmodern.webtype.com
You can influence the way people feel.
I hate obtuse theoretical mathematics
This is a story about someone who lived in Happyland.
His name was Mr Happy and he was fat and round, and happy. One day Mr Happy went for a walk in the woods.
None
TEDxBedford
helsenorge.no
mkshft.org
www.cleopatra-marina.gr
None
None
None
None
None
None
None
None
Beatrice Ward
People who love ideas must have a love of words.
They will take a vivid interest in the clothes that words wear.” Beatrice Warde, The Crystal Goblet “
None
Photo: Adam Twardoch
Proxima Nova Proxima Nova Proxima Nova
googlesciencefair.com
None
None
None
Strangelove
None
None
bentonmodern.webtype.com
None
wellcomecollection.org/mindcraft
None
tuxedono2.com
<h1 class="swsh"> .swsh { font-variant-alternates: swash(1); }
<h1 class="swsh"> .swsh { font-variant-alternates: swash(1); @supports not (font-variant-alternates: swash(1))
{ body { font-feature-settings: "swsh" 1; } } }
None
None
<h1 class="dlig"> .dlig { font-variant-ligatures: discretionary-ligatures; font-feature-settings:"dlig" 1; }
None
<h1 class="ss01"> .dlig { font-variant-alternates: styleset(1); font-feature-settings:"ss01" 1; }
clagnut.com/sandbox/css3
clagnut.com/sandbox/css3
None
None
thegreatdiscontent.com
None
None
None
None
None
None
sizecalc.com
sizecalc.com
None
None
32 24 19 16 13 iOS scale 68 42 26
16 10 Golden ratio scale 36 24 18 16 14 Classical (diatonic) scale
None
None
None
None
h1 { font-size: 13vh; }
None
None
None
None
None
None
None
typecast.com
book.webtypography.net
None
Photo: Indra Kupferschmid
None
Which website will you be designing today?
“Have today’s designers “stopped dreaming?” Elliot Jay Stocks “Is web
design losing “its soul?” Noah Stokes
Don’t be reverential, dogmatic, or ordinary. Interrupt, introduce & seduce.
Richard Rutter, Clearleft @clagnut Slides: webtypography.net/talks/kerning16