Typography

We chose a distinctive font stack that can easily transition throughout our platform, through a variety of uses.

It is optimized for legibility within an interface and has a high level of performance within our digital platform. In the case of marketing it can be used for nearly everything, from bold landing page headlines to beautiful, publication-level content designs.

Primary

Eina01

Headings (or display type) bring structure and contrast by indicating important content. Through their scale they create a visual hierarchy and can make an impact where it might be necessary. They help orient readers within the content and create a more immersive storytelling experience.

Usage guidelines:

• Clearly and concisely summarize what follows below.
• Stay within three levels of headings or less on a page. Adding more makes it confusing for readers.
• Avoid using title case and ALL CAPS.
• Don't underline (web link exception).
• Use bold over italic, as it is easier to read. Non-bold is also appropriate.
• You can emphasize a heading by placing spaces before and after.

Translations

• SailPoint uses the Eina 01 font family for its typographic needs in all public-facing digital channels that appear in English, French, German, and Spanish.
• Han Sans is currently used for Chinese Traditional character sets. 
• Noto Sans is used for Japanese.

Digital Standards

SailPoint uses the Eina 01 font family for its typographic needs in all public-facing digital channels that appear in English, French, German, and Spanish. Han Sans is currently used for Asian character sets.

In instances where Eina 01 is unavailable, fallbacks are: Arial, Helvetica, and san-serif.

To maximize readability and accessibility, Eina 01 Regular and SemiBold are the primary font weights. Eina 01 Regular Italic may be occasionally used for additional emphasis.

To align with the Bootstrap 4 development framework, maximize typographic flexibility, and maintain semantic HTML, headers and sub-headers can now be coded in one of three ways.

Items labeled "Display" using the display class to indicate use of the heavier SemiBold font weight.

Examples:

• <h1>
• <h1 class="display">
• <p class="h1">

NOTE: Headers and sub-headers on mobile devices will reduce a level (H2 will go from 60pt to 36pt. H2 from 36pt to 24pt, etc.)

Detailed visual examples of type sizes forthcoming.