Rethinking Typography

Abstract design gradient artwork

Labels above fields beat clever placeholders every time. Type scale decisions ripple into every component downstream. Whitespace is not empty; it is doing the grouping for you.

What worked

Users scan, so headings carry more weight than paragraphs. Motion should explain a change, not decorate it. A design system is a set of decisions you no longer have to argue about.

Users scan, so headings carry more weight than paragraphs. A design system is a set of decisions you no longer have to argue about.

Context

Motion should explain a change, not decorate it. Labels above fields beat clever placeholders every time. Consistency is kind, but clarity wins when the two disagree. Users scan, so headings carry more weight than paragraphs.

  • Check contrast early
  • Prefer one clear action per screen
  • Start from content, not components
  • Test with real data

Labels above fields beat clever placeholders every time. A design system is a set of decisions you no longer have to argue about.

Details

A design system is a set of decisions you no longer have to argue about. Good defaults are the design most users will ever see. Labels above fields beat clever placeholders every time. We removed three options and support tickets dropped by a third.

Contrast is not a style choice; it is whether people can read the page. Consistency is kind, but clarity wins when the two disagree.

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

Comments

2 responses to “Rethinking Typography”

  1. Hannah K. Avatar
    Hannah K.

    Small tip: the list at the end makes a great checklist.

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

Leave a Reply

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