Sharp Grotesk 20 is the primary typeface for Echo’s brand and should be used for headlines and subheadlines. Use this custom font family whenever possible throughout our marketing and brand assets. Sharp Grotesk 20 is available in a variety of weights and widths, but Book and Medium should be used most frequently to create consistency.

Inter is the Echo’s secondary typeface and should be used for all paragraph text and breadcrumbs. Use this custom font family whenever possible throughout our marketing and brand assets. Inter is available in a variety of weights and widths, but Regular and Medium should be used most frequently to create consistency.

Avenir Next may be substituted in instances when Sharp Grotesk 20 or Inter are unavailable for all users or viewers. Such instances most commonly occur in shared documents, such as digital experiences like email.

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.

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 following style should be used.

Using a consistent secondary button style is an important part of building brand equity. Wherever possible, the following style should be used.

Using a consistent tertiary button style is an important way to unify information and guide user interaction. Wherever possible, the following style should be used.