Emerson Resources

Typography

• The Elements of Typographic Style Applied to the Web
• Practical Typography
• Beautiful Web Type
• Typewolf
• FontPair

Color

• Adobe Color
• Material Design Color System
• Random a11y Colors
• Choosing colors for web design: A practical UI color application guide

Layout

• Layout Land
• Grid by Example
• A Complete Guide to Grid
• Full-Featured Art Direction for the Web

Design Systems

• ClarityConf
  
• Design is [Systematic] – The Systems that Shape our Work
  
• Design Systems Repo
  
• Design Systems by Figma

Examples and Citations

• What is good design
  • Dieter Rams’ 10 Principles of Good Design
• Grids and Alignment
  • http://art-cross.ru/
  • https://8chdesign.com/
  • https://hkipf.org.hk/
• White Space
  • https://www.kwokyinmak.com/
  • https://lassepedersen.biz/
• Typography
  • https://blog.dropbox.com/topics/work-culture/fitter–happier–more-productive–the-odd-history-of–productivi
  • https://worknotes.co.uk/
  • https://dd-proofreader.com/home
• Color
  • Secretariat of the Seoul International Color Expo 2004
  • https://www.huber.li/
  • https://www.carambarco.com/
• Hierarchy
  • https://webdesign.tutsplus.com/articles/understanding-visual-hierarchy-in-web-design–webdesign-84
  • https://www.seaharvest.net.au/products/
  • https://publicintegrity.org/
• Trends
  • https://dribbble.com/melchoyce/buckets/1054726-2018-19-Design-Trends
• Design Systems
  • https://www.designbetter.co/design-systems-handbook
  • https://www.nasa.gov/image-feature/nasa-graphics-standards-manual
  • http://bradfrost.com/blog/post/atomic-web-design/
  • https://www.invisionapp.com/inside-design/3-lessons-learned-history-design-systems/
  • https://material.io/
  • https://designintech.report/
  • https://polaris.shopify.com/
  • https://www.lightningdesignsystem.com/
  • https://design-system.service.gov.uk/
  • https://designsystem.digital.gov/