Tag: css

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

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

  • How We Rebuilt Our Dark Mode

    How We Rebuilt Our Dark Mode

    Motion should explain a change, not decorate it. 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. A small example The prototype answered in a day what the meeting could not in a month. Type scale decisions ripple into…

  • Error Messages That Actually Help Users

    Error Messages That Actually Help Users

    A design system is a set of decisions you no longer have to argue about. Type scale decisions ripple into every component downstream. We tested with five people and found the same problem four times. A small example We removed three options and support tickets dropped by a third. Whitespace is not empty; it is…

  • Micro-interactions That Actually Help Users

    Micro-interactions That Actually Help Users

    Dark mode is a second palette, not an inverted first one. We removed three options and support tickets dropped by a third. Labels above fields beat clever placeholders every time. What didn’t We removed three options and support tickets dropped by a third. Labels above fields beat clever placeholders every time. Whitespace is not empty;…

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

  • Designing Better Micro-interactions

    Designing Better Micro-interactions

    Consistency is kind, but clarity wins when the two disagree. An error message should blame the system, not the person. Whitespace is not empty; it is doing the grouping for you. A small example A design system is a set of decisions you no longer have to argue about. Whitespace is not empty; it is…

  • Common Icon Sets Mistakes

    Common Icon Sets Mistakes

    Type scale decisions ripple into every component downstream. Motion should explain a change, not decorate it. Consistency is kind, but clarity wins when the two disagree. Trade-offs We tested with five people and found the same problem four times. We removed three options and support tickets dropped by a third. A design system is a…

  • How We Rebuilt Our Micro-interactions

    How We Rebuilt Our Micro-interactions

    We tested with five people and found the same problem four times. Good defaults are the design most users will ever see. Consistency is kind, but clarity wins when the two disagree. Trade-offs We removed three options and support tickets dropped by a third. Dark mode is a second palette, not an inverted first one.…