Download - Typographic Contrast
typographic contrastAdding dynamism to text
contrast
• defines hierarchies
• gives emphasis
• adds semantics
• heightens interest
SIZE
• Big text catches attention
• Small text is for longer reading
style
• Use font styles for emphasis
typeface
• Use moods to mix typefaces
• Limit to 2-3 typefaces max
• Serif & sans-serif combinations
color
• Visually effective
• Hue, saturation, brightness
cases
• Upper-case letters are strong and commanding
• Upper-case letters lose the ascenders and descenders’ advantage
• Use only for acronyms, headings, and titles
The quicker-than-lightning brown furry fox jumped amazingly high over the fat stupid weird lazy dog.
THE QUICKER-THAN-LIGHTNING BROWN FURRY FOX JUMPED AMAZINGLY HIGH OVER THE FAT STUPID WEIRD LAZY DOG.
space
• Suggesting borders even when there aren’t any
• Logical groups, hierarchies of elements
• Organization and neatness