Building blocks

You’re at the heart of our design system. Building blocks are a collection of reusable, accessible, and responsive UI pieces, patterns, and templates. They ensure consistency and efficient user experience across all our products.

Why building blocks

Inherently, to build websites designers and developers use block elements. Through research, we found that people get confused about the difference between components and patterns.

Our solution: Building Blocks! A larger collection for the pieces that make up a site. Easier to understand, easier to browse.

We need a diagram of block elements -> building blocks -> blue prints.