The purpose of a digital design system is to show the arrangement of components and offer instructions on how to use them in a component library. I provide crucial information for product designers, user experience designers, and developers.

Components are the building blocks of the digital world. Each component has its own job to do. Some components might show text, images, buttons you can click. A helpful way to conceptualize component organization is to liken it to a dynamic, living organism composed of molecules and atoms. The design system represents an ever-evolving and continually updated repository of diverse components. Each component plays a crucial and distinctive role, collectively forming the essence of this living organism. Helping all these parts coming together is like a big puzzle to make amazing things on the computer.

Designing components

Logo block

Designers can use the logo block to display a customer logo and description. It can only be nested inside more complex components.

What’s inside a component?

  • Features

    An image paired with heading, description text and call to action.

  • Anatomy

    The logo canvas height is set at 240 pixels with the width scaled proportionally. Option to chose from five image ratios.

  • Specs and dimensions

    What should we know about the services you provide? Better descriptions result in more sales.

  • Alignment

    Description goes here
  • Surface

    Description goes here
  • Breakpoints

    Description goes here