🖌️ Refactoring UI design principles §

= ⚙️ Design principles from the website Refactoring UI

Practical tips ¹ §

• Creating hierarchy:
  • use weight and#color instead of SIZE
  • e.g. less important text: less contrast
• Hand-pick a color that’s based on bg color instead of simply reducing opacity
• Shadows: offset > blur
• Use fewer borders
  • instead:
    • box shadow
    • differenct bg colors
• Add spacing instead of spacer lines
• Bland design? Use accent borders

Footnotes §

1. Practical tips for cheating at design ↩