Typography

Deep purple background.

Primary Typeface

Garnett is Everstream’s primary typeface and should be used for headlines and subheadlines. Use this font family whenever possible throughout our marketing and brand assets. Garnett is available in a variety of weights and widths, but light and regular should be used most frequently to create consistency.

Garnett

• Light
• Regular
• Medium

Everstream letters displaying font on a blue background.

Secondary Typeface

Roboto is Everstream’s secondary typeface and should be used for all other text. Use this font family whenever possible throughout our marketing and brand assets.

Roboto

• Light
• Regular
• Medium

Everstream letters displaying font on a purple background.

System Alternate

Helvetica may be substituted in instances when Garnett is unavailable for all users or viewers. Such instances most commonly occur in shared documents, such as digital experiences like email.

Helvetica

• Light
• Regular
• Medium

Everstream letters displaying font on a white background.

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. When using our system alternate, use the same weights as is outlined below.

Tag

Casing: Caps
Font: Roboto Semi-bold
Letter Spacing: 2px
Line height: 120%

Network Connectivity

H1

Casing: Title
Font: Garnett Light or Regular for keywords
Line height: 120%

Expect More From Your Fiber Network

H2

Casing: Sentence
Font: Garnett Regular
Line height: 130%

Maximize your business value with Everstream

H3

Casing: Sentence
Font: Garnett Medium or Light
Line height: 125%

The most advanced fiber network provider for businesses

H4

Casing: Sentence
Font: Roboto Medium
Line height: 125%
This is some text inside of a div block.

Paragraph

Casing: Sentence
Font: Roboto Regular
Line height: 155%

All commodity network providers ensure reliable connectivity. At Everstream, we help you transform your business.

Color Pairings

We pride ourselves on diversity and inclusion, and accessibility is part of that. Follow the below guidelines for approved color pairings for text over varied background colors.

H1, H2, H3, H4, and paragraph fonts on light purple background.H1, H2, H3, H4, and paragraph fonts on dark blue background.H1, H2, H3, H4, and paragraph fonts on white background.H1, H2, H3, H4, and paragraph fonts on blue and purple gradient background.H1, H2, H3, H4, and paragraph fonts on blue and purple gradient background.H1, H2, H3, H4, and paragraph fonts on purple background.H1, H2, H3, H4, and paragraph fonts on blue background.

Button Styles

Our button styles should remain consistent across all assets using title case in all instances. Try to stay under a 3-word max to avoid overly long CTAs.

Primary button style

"Learn more" buttons on white, purple, and blue backgrounds.

ON Light Backgrounds

  • Create pill button with even margins around text. Match margins to above picture, they will vary depending on button size.
  • Color pill using our branded Ultraviolet gradient and text in White Light.
  • Text should be Roboto, Semi-Bold.
  • Apply drop shadow using Gray Sensor. Match distance and blur to the above example, it will vary depending on button size.

ON Dark Backgrounds

  • Create pill button with even margins around text. Match margins to above picture, they will vary depending on button size.
  • Color pill using our branded White Light gradient and text in Ultraviolet.
  • Text should be Roboto, Semi-Bold.
  • Apply drop shadow using Purple Core at 50% opacity on multiply. Match distance and blur to the above example, it will vary depending on button size.

Secondary button style

"Learn more" buttons with arrows on white, blue, and purple backgrounds.

ON Light Backgrounds

  • Text should be Roboto, Semi-Bold colored using Ultraviolet.
  • Add right facing arrow from icon library to far right side. Color arrow using Navy Pulse.

ON Dark Backgrounds

  • Text should be Roboto, Semi-Bold colored using White Light.
  • Add right facing arrow from icon library to far right side. Color arrow using White Light.