Reading Typography
Writing Typography?
Typography:
The writing of shapes?
Typography:
The shape of writing?
Before the Law
“Before the law sits a gatekeeper.
 To this gatekeeper comes a man
 from the country who asks to
 gain entry into the law. But the
 gatekeeper says that he cannot
 grant him entry at the moment.”
 —Franz Kafka
As a philosophy student I thought
that “The Law” is the law of the
text, in other words: “Rhetoric.”
15 years later...
I believe that
“Rhetoric” is to speaking what
“Typography” is to writing.
Inside The Law...
“Typography has one plain duty
 before it and that is to convey
 information in writing.”
 —Emil Ruder, 1969
The form in in-formation made
conscious (and consciously made)
in order to convince.
Reading
Typography
 Writing
Information
Typography is visualizing
information. Webdesign is...
5 rules for 95% of Web Design
1. Relative font size
2. Active white space
3. Screen friendly line height
4. Clear color contrast
5. Discern text and images
What about the other 5%?
Web design is 95% typography
               and
a little bit of interface design
Eye

       Read              Think




              Navigate
Text                             Hand
Interface Design
Information Design         Typography


Interaction Design         Chess


Information Architecture   Philosophy
“Typography has one plain duty
 before it and that is to convey
 information in writing.”
 —Emil Ruder, 1969
How much reading
  is in writing?
Eye

       Read              Think




               Write
Text          Navigate
                                 Hand
Same Rules...
1. Relative font size
2. Active white space
3. Screen friendly line height
4. Clear color contrast
5. Discern text and images
What’s different?
6. Monospaced (light) font
Why monospaced?
Why light?
7. Soup Nazi
The Soup Nazi Rules
Yes?
A. No Navigation!
B. No Settings!
C. No Noise!
D. No Mouse!
E. No Fumbling With Type!
F. No Bread for You!
Next!
(Thank you)

Reading Typography—Writing Typography