SUMMARY.md

Table of contents

• Introduction
• Conventions

The key principles

• Choose a personality
• Systematize everything
• Start with too much space
• Design by elimination
• Think mobile first
• Think in columns
• Think outside the box

To do

• Use a visual hierarchy
• Use a fixed width
• Use letter-spacing effectively
• Contextualize line-height
• Balance weight and contrast
• Scale disproportionately
• Make accessible beautiful
• Supercharge the defaults

Not to do

• Avoid labels when possible
• Avoid ambiguous spacing
• Avoid too many borders
• Avoid too long lines
• Don't fill the whole screen
• Don’t center long form text
• Don’t scale icons/screenshots

Tips and Tricks

• Combine shadows
• Add accent borders
• Overlap elements
• Make text stand out
• Decorate background
• Look for fresh ideas

Beware

• Beware user content
• Beware empty states