Cards

Used when there is not a large amount of content. These flex column cards are stacked vertically with options to add image, header, description and link. The width of the cards can be adjusted based on the desired number of cards per row.

These 12-column span cards can be used to present a large amount of content. Content will always be on the left and image (if any) will come after on the right. This is to ensure that the content will always come first when viewport is smaller. Marketers will have the option to add content such as headers, description, links and bullet points.

Icon-content cards designed to show product/service benefits in a clear manner. Marketers will have the option to add icons (40px fixed-height), header and description.

Card design for testimonials with block quote and a video pop-up option. On desktop, the minimum height is to be kept at 500px and content is always bottom aligned to the card. On mobile view, the ratio of the video thumbnail is changed to 1:1.