Typography

Overview

Our main typeface is Inter, a contemporary and flexible open-source sans-serif typeface designed by Swedish designer programmer Rasmus Andersson. It’s a typeface carefully crafted and designed for computer screens. It provides a consistent, legible, and friendly typographic voice for our brand.

Brand
Typography - Inter - Image

Inter

Our main typeface is Inter, a contemporary and flexible, open-source, sans-serif typeface designed by Swedish designer/programmer Rasmus Andersson.

It’s a typeface carefully crafted and designed for computer screens. It provides a consistent, legible, and friendly typographic voice for our brand.

Typography - Weight - Image

Weights

These are the four weights used by Cloudflare to create consistency and readability.

Typography - Alignment - Image

Alignment
In most layouts, our typography is left aligned. There are scenarios when we choose to center align type. This could be dependent on the format and space available for the type to be placed. We also sometimes center align in relation to other elements in the layout.

Typography - Brand - Eyebrow - Image

Eyebrow
Case: All caps
Weight: Semibold
Tracking: 5%
Leading: 100%

Typography - Brand - Body - Image

Body
Case: Sentence
Weight: Regular
Tracking: -2%
Leading: 120%

Typography - Brand - Headline - Image

Headline
Case: Sentence
Weight: Semibold
Tracking: -3%
Leading: 100%

Typography - Brand - URL - Image

URL
Case: Sentence
Weight: Medium
Tracking: -3%
Leading: 100%

Typography - Brand - Sub Headline - Image

Sub headline
Case: Sentence
Weight: Medium
Tracking: -3%
Leading: 110%

Localization
Typography - Localization - Left - Image

Noto Sans CJK
Noto (short for “no more tofu”) is a cohesive, pan-language set of fonts.

It’s one of the most expansive typographic families ever made, supports 800 languages, and 100 scripts. Noto Sans should be used for all non-Latin languages.

Typography - Localization - Right - Image

Styles
These are the four weights used by Cloudflare to create consistency and readability: light, regular, bold, and black.

Need visual resources?

Download creative assets, including logos, photography, backgrounds, banners, videos, and illustrations.