Skip to content

Instantly share code, notes, and snippets.

@ppalms
Last active May 3, 2019 14:00
Show Gist options
  • Save ppalms/01085bc0583f81405f9c510d686cc167 to your computer and use it in GitHub Desktop.
Save ppalms/01085bc0583f81405f9c510d686cc167 to your computer and use it in GitHub Desktop.
Web design cheat sheet

Quick and dirty rules for making things that don't look gross

  • Don't use the same color for body and header text (e.g. make headings black, text dark grey)
  • Optimal line length for reading is 65 - 75 characters
  • On smaller screens, make header and body text closer in size
  • When tempted to use lines/borders, first try additional whitespace, variations in background color, or shadow
  • Avoid colored text (it should almost always be black, grey, or white); if you're going for scannability, experiment with colored bullets, icons, and grouping
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment