The standards behind everything I build.

These are living documents. I publish them in the open, keep them current, and use them on every project, including this site.

See the standards
DESIGN LANGUAGE · COLORColorINKMOCHALATTEPAPERAaTYPE SCALECOMPONENT
Livingdocuments
  • The design language
  • The component library
  • Accessibility guidelines
  • Interaction design guidelines for the AI era
  • Design research
  • The reference library
  • The design language
  • The component library
  • Accessibility guidelines
  • Interaction design guidelines for the AI era
  • Design research
  • The reference library
My frameworks

The rules that shape my work.

  1. Start hereThis is how everything on this site looks, reads, and moves, and why.The design language
  2. Build with itThis is every component on this site, with its code and the rules for using it.The component library
  3. Make it work for everyoneThis is what I check, how I test it, and what good looks like.Accessibility guidelinesComing soon
  4. Design for the AI eraI am bringing the classic interface guidance of Smith and Mosier into the AI era.Interaction design guidelines for the AI eraComing soon
  5. Ask better questionsThis is how I plan, run, and write up research that moves teams to act.Design researchComing soon
  6. Speak the same languageThis is a keyword index of the terms I use, with definitions and resources.The reference libraryComing soon