Common Grid Systems Mistakes

Abstract design gradient artwork

Dark mode is a second palette, not an inverted first one. Good defaults are the design most users will ever see. Type scale decisions ripple into every component downstream.

Getting started

An error message should blame the system, not the person. Good defaults are the design most users will ever see. Contrast is not a style choice; it is whether people can read the page.

Motion should explain a change, not decorate it. The prototype answered in a day what the meeting could not in a month.

A small example

Users scan, so headings carry more weight than paragraphs. Good defaults are the design most users will ever see. An error message should blame the system, not the person. Type scale decisions ripple into every component downstream.

  • Check contrast early
  • Design the empty and error states
  • Write the microcopy before the mockup
  • Start from content, not components

An error message should blame the system, not the person. Dark mode is a second palette, not an inverted first one.

Details

Whitespace is not empty; it is doing the grouping for you. Labels above fields beat clever placeholders every time. A design system is a set of decisions you no longer have to argue about.

The prototype answered in a day what the meeting could not in a month. Users scan, so headings carry more weight than paragraphs.

Dark mode is a second palette, not an inverted first one. Contrast is not a style choice; it is whether people can read the page.

Comments

4 responses to “Common Grid Systems Mistakes”

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

  2. Hannah K. Avatar
    Hannah K.

    Great write-up. The part about the trade-offs was spot on.

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

  4. Hugo B. Avatar
    Hugo B.

    Interesting perspective. I had the opposite experience, but I see your point.

Leave a Reply

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