Responsive typography 2.1

A presentation at Tech Talk @ Tagesspiegel in April 2023 in by Gunnar Bittersmann

Slide 1

Slide 1

RESPONSIVE TYPOGRAPHY

Slide 2

Slide 2

RESPONSIVE TYPOGRAPHY

Slide 3

Slide 3

Orange? Really? Ugh. —Philippa Georgiou in Star Trek: Discovery S2:E13

Slide 4

Slide 4

RESPONSIVE TYPOGRAPHY 2

Slide 5

Slide 5

RESPONSIVE TYPOGRAPHY 2.1

Slide 6

Slide 6

Responsive web design or as I call it: web design —John Allsopp

Slide 7

Slide 7

Slide 8

Slide 8

Slide 9

Slide 9

Slide 10

Slide 10

RESPONSIVE TYPOGRAPHY 2.1

Slide 11

Slide 11

WEB TYPOGRAPHY 2.1

Slide 12

Slide 12

ascent cap height mean line x-height baseline descent

Slide 13

Slide 13

font size ascent cap height mean line x-height baseline descent

Slide 14

Slide 14

Slide 15

Slide 15

Slide 16

Slide 16

Slide 17

Slide 17

Slide 18

Slide 18

Look Ma, no media queries!

Slide 19

Slide 19

Intrinsic design —Jen Simmons

Slide 20

Slide 20

Slide 21

Slide 21

Slide 22

Slide 22

“The journey begins by letting go of control, and becoming flexible.” —John Allsopp, A Dao of Web Design

Slide 23

Slide 23

Slide 24

Slide 24

Stop motion by dina Amin

Slide 25

Slide 25

taken from Scott Kellum: Mapping Typography

Slide 26

Slide 26

taken from Scott Kellum: Mapping Typography

Slide 27

Slide 27

taken from Scott Kellum: Mapping Typography

Slide 28

Slide 28

taken from Scott Kellum: Mapping Typography

Slide 29

Slide 29

taken from Scott Kellum: Mapping Typography

Slide 30

Slide 30

taken from Scott Kellum: Mapping Typography

Slide 31

Slide 31

taken from Scott Kellum: Mapping Typography