Contact Us

ENTERPRISE DESIGN SYSTEM

A modular system of page components designed for Sectigo

Design System Usage Examples

About Design Systems

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.

System Components

Your design system is made up of the following reusable page components.

  • Basic Sections

    A two-column section of text paired with an image or video. The background color and text alignment can be adjusted to fit content.

    View Examples
  • Column Sections

    Column sections display blocks of content in a column grid. Colors and column count can be adjusted to fit content.

    View Examples
  • Promo Sections

    Use a Promo Section to display promotional text alongside a prominent call to action within your page.

    View Examples
  • Logo Section

    Use a Logo Section to display text alongside a carousel of images such as awards or partner logos.

    View Examples
  • Bulleted List Section

    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.

    View Examples
  • Tab Panel Section

    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.

    View Examples
  • Resources Section

    Display resources from your site in a card layout that shows the resource category, title and a link to the source.

    View Examples
  • Cards Section

    Use a Cards Section to display products alongside a title, description and link. The background color, columns and alignment can be adjusted.

    View Examples

Best Practices

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.

Chat With Us

We are here for you!
Talk to a fellow human.


United States

+1-888-266-6361

International

+1-703-581-6361

Chat With Us

We are here for you!
Talk to a fellow human.


United States

+1-888-266-6361

International

+1-703-581-6361