• Skip to main content

Rafal Tomal

Learn Design and Create Better Websites

  • About
  • Courses
  • Tools
  • Tips
  • Blog
  • Contact
  • Work With Me →

← More Design Tips

Start designing in grayscale

posted on September 21, 2018

TweetFacebookLinkedInPin

I start most of my designs in grayscale and I add colors later. It helps me to focus on the context, form, the right contrast and visual balance. Also, having the grayscale as a base makes it easier to apply colors from the chosen palette later.

For example, see my logo design concepts for simple.money magazine in grayscale first and with applied colors later:

Wireframes could be just black and white, but by using grayscale I can simulate the actual color tones and get a better preview of the final design.

See below one of my design’s wireframe and the actual mockup side by side:

tags: colors layout ui

Previous tip: Plan your vertical space
Next tip: Speed designing

Don't Miss Future Design Tips

Join 20k+ people who love good design. Get my best tips, resources, and strategies to elevate your design skills and grow your business.

© Copyright 2008 - 2025 Rafal Tomal.

Affiliate Program . Privacy Policy . Cookie Policy . License .

Follow me on Twitter, Dribbble, and Instagram.

DISCLOSURE: I may be an affiliate for products that I recommend. If you purchase those items through my links I will earn a commission. You will not pay more when buying a product through my link. It helps me to continue to offer you lots of free stuff. Thank you, in advance for your support!