Icon Sets in Practice

Abstract design gradient artwork

An error message should blame the system, not the person. We tested with five people and found the same problem four times. The prototype answered in a day what the meeting could not in a month.

Context

We tested with five people and found the same problem four times. Motion should explain a change, not decorate it. Dark mode is a second palette, not an inverted first one.

An error message should blame the system, not the person. Contrast is not a style choice; it is whether people can read the page.

Getting started

Good defaults are the design most users will ever see. Users scan, so headings carry more weight than paragraphs. Consistency is kind, but clarity wins when the two disagree.

The prototype answered in a day what the meeting could not in a month. A design system is a set of decisions you no longer have to argue about.

A small example

Consistency is kind, but clarity wins when the two disagree. Labels above fields beat clever placeholders every time. The prototype answered in a day what the meeting could not in a month.

Dark mode is a second palette, not an inverted first one. We tested with five people and found the same problem four times.

Type scale decisions ripple into every component downstream. Motion should explain a change, not decorate it.

Comments

3 responses to “Icon Sets in Practice”

  1. I tried this last week and can confirm it works.

  2. Could you share more details on the second section?

  3. Bookmarked. Looking forward to the follow-up post.

Leave a Reply

Your email address will not be published. Required fields are marked *