Typography

Primary typeface

Source Sans 3 is the primary typeface for Priority Commerce and should be used for headlines and subheadlines. Use this Google font whenever possible throughout our marketing and brand assets. Source Sans 3 is available in a variety of weights and widths.

System alternate

Calibri may be substituted in instances when Source Sans 3 is unavailable for all users or viewers. Such instances most commonly occur in Microsoft or digital experiences like email.

Hierarchy

Typeface hierarchy communicates importance, guides a reader’s eye, and clearly organizes and prioritizes content. Follow these guidelines to create the correct hierarchy and visual balance among the various instances of type in your designs and content documents.

Tag

‍

Casing: Caps
Font: Source Sans 3
Letter Spacing: 10%
Line height: 120%

Payables

H1

‍

Casing: Title
Font: Source Sans 3
Letter Spacing: 0%
Line height: 105%

Every transaction is an opportunity for growth.

H2

‍

Casing: Sentence
Font: Sharp Source Sans 3
Letter Spacing: 0%
Line height: 110%

Drive financial growth with a unified commerce platform.

H3

‍

Casing: Sentence
Font: Source Sans 3
Letter Spacing: 0%
Line height: 110%

Unified commerce that drives impact.

Paragraph

‍

Casing: Sentence
Font: Source Sans 3
Letter Spacing: 0%
Line height: 150%

Drive financial growth with a unified commerce platform.

Button

‍

Casing: Sentence
Font: Source Sans 3
Letter Spacing: 0%
Line height: 105%

Get Started

Text Callout

When looking to call out a word of phrase in content, use an italicized weight of Source Sans 3 and change the color to contrast from the primary text color. For example, on Dark Forest or Forest, use Pistachio as a text callout color.

Examples below: "Opportunity" is Medium Italic while "in every transaction" is Regular.

Primary button style

Creating a reliable, consistent customer experience is key to building trust and driving engagement. Using a consistent button style is an important part of this. Wherever possible, the style pictured below should be used. 

Secondary button style

Using a consistent secondary button style is an important part of building brand equity and helps create a clear hierarchy throughout digital experiences. Wherever possible, the style pictured below should be used for our secondary button style.

Tertiary button style

Using a consistent tertiary button style is an important way to unify information and guide user interaction. For example, a blog archive is a great place to use a tertiary button as there are many CTAs in one place. Wherever possible, the style pictured below should be used. Use the bracket brand device as an arrow alongside the text.