Category: Design

Interfaces, typography and design systems.

  • Error Messages in Practice

    Error Messages in Practice

    Consistency is kind, but clarity wins when the two disagree. Contrast is not a style choice; it is whether people can read the page. We removed three options and support tickets dropped by a third. Lessons Users scan, so headings carry more weight than paragraphs. We tested with five people and found the same problem…

  • 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…

  • Design Tokens in Practice

    Design Tokens in Practice

    The prototype answered in a day what the meeting could not in a month. Consistency is kind, but clarity wins when the two disagree. Type scale decisions ripple into every component downstream. What didn’t Dark mode is a second palette, not an inverted first one. An error message should blame the system, not the person.…

  • 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…

  • A Field Guide to Onboarding

    A Field Guide to Onboarding

    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. Consistency is kind, but clarity wins when the two disagree. Going further Good defaults are the design most users will ever see. Users scan, so headings carry more weight than…

  • Designing Better Empty States

    Designing Better Empty States

    Motion should explain a change, not decorate it. We removed three options and support tickets dropped by a third. Type scale decisions ripple into every component downstream. What worked Dark mode is a second palette, not an inverted first one. The prototype answered in a day what the meeting could not in a month. An…

  • How We Rebuilt Our Form Design

    How We Rebuilt Our Form Design

    We tested with five people and found the same problem four times. Whitespace is not empty; it is doing the grouping for you. Users scan, so headings carry more weight than paragraphs. Going further Whitespace is not empty; it is doing the grouping for you. Type scale decisions ripple into every component downstream. Dark mode…

  • 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…

  • A Field Guide to Motion

    A Field Guide to Motion

    A design system is a set of decisions you no longer have to argue about. Consistency is kind, but clarity wins when the two disagree. We removed three options and support tickets dropped by a third. Details Motion should explain a change, not decorate it. An error message should blame the system, not the person.…

  • 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…