• Skip to main content

Rafal Tomal

Learn Design and Create Better Websites

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

← More Design Tips

Use check marks instead of bullet points

posted on April 20, 2018

TweetFacebookLinkedInPin

Are you making a list of features or benefits of the product? Use checkmarks instead of bullet points. It’s effortless to do, but so effective in passing some positive emotions in your design. For example:

It’s best if the check mark icon is in green or your accent color. Try to avoid red because that would suggest something opposite.

If you don’t have icons, the easiest way is just to use HTML characters:


ul {
list-style: none;
}

ul li:before {
content: '\\2611\\0020';
}

It’s not beautiful but will be more effective than a standard bullet 🙂

tags: ui ux

Previous tip: Painting a picture
Next tip: Design for real people

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!