Pixel / Type Systems
Type Specimen
A reference, not a suggestion.
Modular scale · 1.25 ratio · 16px base
6.00rem
The quick brown fox
Use once. Maybe.
3.00rem
The quick brown fox
One per page. That is a rule.
1.875rem
The quick brown fox
Acceptable.
1.25rem
The quick brown fox
Fine.
1.00rem
The quick brown fox
Everything else should be this.
0.875rem
The quick brown fox
Small does not mean decorative.
0.75rem
The quick brown fox
Stop. You are not a magazine.
Alphabet · lowercase
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9 . , : ; ! ? ( ) — – " "
Body · 16px / 1.6
Typography is the detail and the presentation of a story. It represents the voice of an atmosphere, or historical setting of some kind. The wrong font at the wrong time can injure a communication. The right one can make it sing.
Caption · 14px / 1.5
Typography is the detail and the presentation of a story. It represents the voice of an atmosphere, or historical setting of some kind. The wrong font at the wrong time can injure a communication. The right one can make it sing.