Design system

Reading Time: < 1 minute

A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.  It enables team to build better products faster by making design reusable- reusability makes scale possible. Investing in a design system offers a competitive advantage in overall customer experience and reduces support costs.


Defining and adhering to standards is how we create understanding. Doing so removes the subjectivity and ambiguity that often create friction and confusion within  product teams. Standardizing things like naming conventions, accessibility requirements, file structure will help teams work consistently and prevent errors.


Components are portions of reusable code within your system and your applications interface. Components range in complexity. Reducing components into a single function, like a button or a drop down increases flexibility, making them more reusable.

Building a design system 

  1. Conduct a visual audit
  2. Create a visual design language; color, typography, sizing & spacing, imaging etc.
  3. Create a UI/pattern library 
  4. Document what each component is and  when to use it

Leave a Reply

Your email address will not be published. Required fields are marked *

We curate the best and creative websites designed and developed in Africa; Ghana, Kenya, Nigeria, South Africa, Uganda, Egypt, Morocco, Tanzania. is a website inspiration gallery from different industries in the 54 countries in Africa useful for website creation. We curate the best website designs built and developed in Africa. Our goal is to integrate African designers and developers in order to interact, inspire, impart knowledge and share innovative and new technology useful for website design and development.