About this project

Hello, I'm Javier Cuello, a product designer specialising in design systems. Through my experience working in teams, I've realised that everyone's expectations of what constitutes a good component can vary significantly. To help align our visions and provide reminders during the design and testing process, I began creating lists.

However, these benchmarks often remain buried inside documentation, sometimes difficult to access. That's why I decided to create this website as a shared resource, even though it may be opinionated at times. Still, I hope it can inspire designers who want to create their own requirements by adapting the content.

This is particularly important if you are working as a solo designer or in small teams, as larger organisations may have other processes and workflows that affect how components are designed, published, and approved. In any case, I hope it helps you get a head start on improving how you craft components and raise your own standards.

About the content

The content is divided into two sections: 'Design', featuring items that can aid in crafting a component; and 'Testing', containing considerations for testing your component before final publication. I'll likely continue updating and adding items, images, and descriptions over time—just bear in mind this is a (very) side project built from scratch by one person.

Behind the scenes

Here are some resources I used in designing and implementing this website. I don't have any affiliation with any of them, and these are just for you to explore:

• Design: Figma, of course
• Content: Authored by me based on personal experience
• CMS: Kirby
• Images: Wannathis
• Analytics: Fathom

Comments, questions and general feedback

Please don't hesitate to reach out if you have anything you'd like to share or if you'd like to help improve this website. The best way to contact me is on LinkedIn (I deleted my X / Twitter account some time ago).