Typography

Flexible and versatile.

Typography shapes how we greet users, share stories, and guide their attention.

Poppins

Poppins is consistent, familiar, and inviting, reflecting eccovia’s welcoming spirit with its clean, open, and sleek design. It’s both accessible and friendly. We use medium, regular, and light weights across all applications to enhance our system’s flexibility.

Weights

Poppins offers a variety of weights, allowing us to adapt our voice across different types of communication.

Light
Regular
Medium
Bold

Hierarchy

Strategic adjustments in type size and weight create a clear, logical flow within text blocks. Establishing a strong hierarchy ensures we communicate importance effectively, emphasizing key information first.

Extra Large Headline

Extra large headlines are set in Poppins Light.

 

Special Headline

Special Headlines are set in all caps Poppins medium. They are used as an introduction to large headlines, to give more context (as we can see in the website).

 

Large Headline

Large Headlines are set in Poppins Light.

 

Headline

Headlines are set in Poppins Light.

 

Subhead

Subheads are set in Poppins Regular.

 

Small Subhead
Use Poppins Bold for small subhead.

 

Body copy
Use Poppins Regular for body text, captions, and other detailed information.