Typography presents hierarchy and organises information as clearly and efficiently as possible.
The Equinor typeface is the primary typeface and is available in four weights:
bold with accompanying italics. Please do not use
light in digital interfaces except in special cases where the font size is over 48px.
Paragraph length is the number of characters in a line of text---this includes spaces. To ensure readability, line length should be 55-80 characters. Lines less than 55 characters can cause strain on the eye requiring the eye to jump to the next line too quickly, breaking the reading rhythm. Lines greater than 80 characters can make it difficult for users to continue on the correct line in a large body of text.
Too many type sizes can cause confusion. The EDS has a limited set of type sizes that work well together.
There are seven headings to choose between:
H6. Equinor's standards for capitalisation says that sentence case (The quick brown fox…) should be used instead of title case (The Quick Brown Fox…) since it contributes to better readability. This is also recommended by the EDS Core Team.
There are many paragraph styles to choose between:
Body long link,
Body long italic,
Body long bold,
Body long bold italic,
Body short link,
Body short italic,
Body short bold,
Body short bold italic and
Body short is used for short sentences containing around four words. It is most commonly used within components.
There are other typography styles that are used internally within components.✏️ Edit this page on GitHub