How to make your site look awesome

921b21db0adbe6810cae63e616777d4a?s=47 thebeckyhamm
March 11, 2014

How to make your site look awesome

921b21db0adbe6810cae63e616777d4a?s=128

thebeckyhamm

March 11, 2014
Tweet

Transcript

  1. How to make your site look awesome

  2. 1. Think of the “feels” first

  3. classy sassy grungy cheeky elegant serious funny What style are

    you going for?
  4. 2. Get some inspiration

  5. siteinspire.com unmatchedstyle.com dribbble.com behance.com

  6. 3. Pick your colors

  7. colourlovers.com colorschemedesigner.com kuler.adobe.com/explore/ newest ! !

  8. 4. Pick your font(s)

  9. fontsquirrel.com google.com/fonts ! !

  10. Rules of Thumb (there aren’t really any but we’ll pretend)

  11. 1. Padding and/or margin. Padding and/or margin. PADDING AND/OR MARGIN.

    2. Use at least 1 non-standard font (but no more than 2 fonts total). 3. Adjust your line-height. !
  12. 4. Make sure there’s contrast (don’t put text straight on

    a busy background) 5. Be consistent! 6. Be subtle.
  13. Noob mistakes

  14. 1. No padding and/or margin (especially on text). 2. Text

    on a busy background. 3. Not styling the <a> tags. 4. Using only default fonts (Arial, Times New Roman). 5. Not adjusting font size. !