Skip to content

Instantly share code, notes, and snippets.

@amcgregor

amcgregor/design-tips.md

Last active August 29, 2017 14:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save amcgregor/ee324a51c80548c64d3de4b8c4e302c9 to your computer and use it in GitHub Desktop.
Save amcgregor/ee324a51c80548c64d3de4b8c4e302c9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
design-tips.md

  1. Pick three fonts. Italic versions of a font are themselves fonts for the purposes of this discussion. One font for headers, one font for content ("copy"), one for accent details (such as captions, blockquotes, etc.) A fixed-width font for code is exempt, 'cause it's code.

  2. Look at a book, newspaper, or magazine. Notice the conventions used: headings are typically sans-serif, copy text is typically serif, and accent can be whatever. Sans-serif is difficult to read large blocks of text in; there is no regular horizontal line shape for your eye to follow easily, whereas serif fonts "flatten" themselves into visually distinct lines.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment