Chat With Us
We are here for you!
Talk to a fellow human.
A design system is a series of components that can be reused in different combinations.
How many ways can you combine six 2×4 LEGO® bricks of the same colour? 915,103,765 different ways! A basic set of LEGOs will likely include a standard brick, plate, stud, tile, etc. And you probably have a few different colors for each block. When we build a design system, we’re designing the LEGO bricks that you can reuse, build a variety of structures, and voila! They all look like they’re part of the same design family.
Design systems allow you to manage design at scale.
Your design system is made up of the following reusable page components.
A two-column section of text paired with an image or video. The background color and text alignment can be adjusted to fit content.
Column sections display blocks of content in a column grid. Colors and column count can be adjusted to fit content.
Use a Promo Section to display promotional text alongside a prominent call to action within your page.
Use a Logo Section to display text alongside a carousel of images such as awards or partner logos.
A simple text list which can be adjusted to fit any length of text. Displayed in a masonry style layout with adjustable column count and background color.
Condense multi-section long format text into a single dynamic tab panel that takes advantage of page real estate. This responsive layout changes to an accordion on mobile.
Display resources from your site in a card layout that shows the resource category, title and a link to the source.
Use a Cards Section to display products alongside a title, description and link. The background color, columns and alignment can be adjusted.
When composing your page, take the following into account.
Don't use the same background color on adjacent components.
Use bold and dark colored backgrounds sparingly, reserving them for information that should be more prominent.
Keep text in Basic Sections short. If text exceeds the height of the image or video thumbnail, consider breaking it up across multiple sections.
Break up long content into 'chunks' that are easy for the user to digest.
Keep headlines short and descriptive.