Skip to main content

6. Pattern Library

We will outline the different kinds of patterns available on the new site, and how they can be used. Use this library to help decide what patterns to use after you’ve chosen a page template.

Read on to learn about the different types of patterns or explore the full pattern library.

Types of patterns

Visual patterns

These patterns rely on imagery to leave an impression on users.

Organizational patterns

These patterns focus on organizing primarily textual information to make it easy for users to understand information & options.

Typographic patterns 

These patterns focus on prioritizing & presenting text on the page. 

Connected patterns 

These patterns are used to share or connect with other content on the site, such as news, events, and social media.

How to choose a pattern

Before adding a pattern, think about what kind of content you have:

Do you have access to high quality images or other media?

If yes, consider using a visual pattern to display this content.

Do you need to share a variety or group of important information through text?

If yes, an organizational pattern would be best to display content in a clear & consistent manner.

Do you have important announcements or timely information to share through text?

If yes, consider using a typographic pattern to ensure this information is highly visible and emphasized.

Are you looking to link to social media?

If yes, a connected pattern may have the flexibility you need to share links.

Are you looking to share news or events?

If yes, some connected patterns allow you to dynamically or manually link to that content.

Visual Patterns

Organizational Patterns

Typographic Patterns

Connected Patterns