DEV Community

Supriya J
Supriya J

Posted on

Colors & Fonts (Make Your Designs Look Nice)

Why Colors Matter?
Right colors make your design look professional.
Wrong colors make it look messy immediately.

Beginner Color Tips

  • Use 1 main color (brand color)
  • 1 supporting color
  • 1 neutral color (black/white/grey) That’s enough.

Fonts
Use simple system fonts first. They are clean and load fast.

body {
  font-family: system-ui, sans-serif;
}

Enter fullscreen mode Exit fullscreen mode

Quick Color Palette Example
Gold brand theme:
Main: #D4AF37
Dark: #111111
Soft Grey: #f3f3f3

Question
Do you want ready-made color palettes for your brand?
Comment down below.

Top comments (0)