Tag: layout

  • Form Design That Actually Help Users

    Form Design That Actually Help Users

    We tested with five people and found the same problem four times. Users scan, so headings carry more weight than paragraphs. Dark mode is a second palette, not an inverted first one. Lessons An error message should blame the system, not the person. Whitespace is not empty; it is doing the grouping for you. Motion…

  • Designing Better Icon Sets

    Designing Better Icon Sets

    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. Dark mode is a second palette, not an inverted first one. Lessons We removed three options and support tickets dropped by a third. Whitespace is not…

  • Form Design in Practice

    Form Design in Practice

    An error message should blame the system, not the person. Whitespace is not empty; it is doing the grouping for you. A design system is a set of decisions you no longer have to argue about. Details An error message should blame the system, not the person. We removed three options and support tickets dropped…

  • Common Navigation Mistakes

    Common Navigation Mistakes

    Good defaults are the design most users will ever see. The prototype answered in a day what the meeting could not in a month. We tested with five people and found the same problem four times. Going further An error message should blame the system, not the person. Contrast is not a style choice; it…

  • A Field Guide to Empty States

    A Field Guide to Empty States

    We tested with five people and found the same problem four times. Whitespace is not empty; it is doing the grouping for you. Contrast is not a style choice; it is whether people can read the page. The short version A design system is a set of decisions you no longer have to argue about.…

  • Navigation That Actually Help Users

    Navigation That Actually Help Users

    A design system is a set of decisions you no longer have to argue about. An error message should blame the system, not the person. Whitespace is not empty; it is doing the grouping for you. Details Motion should explain a change, not decorate it. Type scale decisions ripple into every component downstream. An error…

  • Rethinking Data Tables

    Rethinking Data Tables

    Users scan, so headings carry more weight than paragraphs. Consistency is kind, but clarity wins when the two disagree. Whitespace is not empty; it is doing the grouping for you. What worked An error message should blame the system, not the person. Contrast is not a style choice; it is whether people can read the…

  • How We Rebuilt Our Typography

    How We Rebuilt Our Typography

    Labels above fields beat clever placeholders every time. Contrast is not a style choice; it is whether people can read the page. Motion should explain a change, not decorate it. Getting started We tested with five people and found the same problem four times. Good defaults are the design most users will ever see. Users…

  • Rethinking Typography

    Rethinking Typography

    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…

  • Micro-interactions in Practice

    Micro-interactions in Practice

    Consistency is kind, but clarity wins when the two disagree. Good defaults are the design most users will ever see. Users scan, so headings carry more weight than paragraphs. What didn’t Whitespace is not empty; it is doing the grouping for you. Type scale decisions ripple into every component downstream. Labels above fields beat clever…

  • Onboarding: Small Details, Big Wins

    Onboarding: Small Details, Big Wins

    We tested with five people and found the same problem four times. Consistency is kind, but clarity wins when the two disagree. Dark mode is a second palette, not an inverted first one. The short version Consistency is kind, but clarity wins when the two disagree. An error message should blame the system, not the…

  • How We Rebuilt Our Onboarding

    How We Rebuilt Our Onboarding

    Whitespace is not empty; it is doing the grouping for you. Motion should explain a change, not decorate it. We tested with five people and found the same problem four times. Context Labels above fields beat clever placeholders every time. Dark mode is a second palette, not an inverted first one. Contrast is not a…