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
82
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
96
Introductions, Interruptions & Seductions (makingWeb_2.16)
clagnut
0
75
What I learnt from working with a content strategist
clagnut
1
210
Web Typography
clagnut
10
1k
Other Decks in Design
See All in Design
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
140
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
2.9k
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
870
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
0
230
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.9k
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
370
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
620
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
140
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
720
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
130
aya_murakami_portfolio
ayakaimi1101
0
1.1k
Featured
See All Featured
The Language of Interfaces
destraynor
156
24k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
31
2.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
4 Signs Your Business is Dying
shpigford
182
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Writing Fast Ruby
sferik
628
61k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
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