Coming Soon
This guide defines the visual language, design style, and principles that shape a clear and consistent brand experience, no matter the team or area of expertise.
</
Typeface
Inter
Inter
Inter
Inter
Inter is a variable font family carefully crafted & designed for computer screens.
Inter features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, etc.
Using type
How we size, format, and color our typography can greatly impact how it’s read and perceived. These guidelines outline how we use typography in our brand overall, in digital applications, and in print.
Hierarchy
Display
Display ( Desktop )
Aaă
128px/pt - 300
Display Mobile
Aaă
64px/pt - 300
Display ( Tablet )
Aaă
96px/pt - 300
Heading
Title ( Desktop )
Aaă
64px/pt - 600
Display Mobile
Aaă
32px/pt - 600
Display ( Tablet )
Aaă
48px/pt - 600
Body Base
Body Base ( Desktop )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
18px/pt - 300
Display Mobile
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
16px/pt - 300
BodyBase ( Tablet )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
16px/pt - 300
Accents
Accent ( Desktop )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
16px/pt - 300
Accent ( Mobile )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
12px/pt - 300
Accent ( Tablet )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
14px/pt - 300
</
Typeface
Inter
Inter
Inter
Inter
Inter is a variable font family carefully crafted & designed for computer screens.
Inter features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, etc.
Using type
How we size, format, and color our typography can greatly impact how it’s read and perceived. These guidelines outline how we use typography in our brand overall, in digital applications, and in print.
Hierarchy
Display
Display ( Desktop )
Aaă
128px/pt - 300
Display ( Tablet )
Aaă
64px/pt - 300
Display ( Mobile )
Aaă
96px/pt - 300
Heading
Title ( Desktop )
Aaă
64px/pt - 600
Title ( Tablet )
Aaă
32px/pt - 600
Title ( Mobile )
Aaă
48px/pt - 600
Body Base
Body Base ( Desktop )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
18px/pt - 300
Display ( Tablet )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
16px/pt - 300
BodyBase ( Mobile )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
16px/pt - 300
Accents
Accent ( Desktop )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
16px/pt - 300
Accent ( Mobile )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
12px/pt - 300
Accent ( Tablet )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
14px/pt - 300
Coming Soon
This guide defines the visual language, design style, and principles that shape a clear and consistent brand experience, no matter the team or area of expertise.
</
Typeface
Inter
Inter
Inter
Inter
Inter is a variable font family carefully crafted & designed for computer screens.
Inter features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, etc.
Using type
How we size, format, and color our typography can greatly impact how it’s read and perceived. These guidelines outline how we use typography in our brand overall, in digital applications, and in print.
Hierarchy
Display
Display ( Desktop )
Aaă
128px/pt - 300
Display ( Tablet )
Aaă
96px/pt - 300
Display Mobile
Aaă
64px/pt - 300
Heading
Title ( Desktop )
Aaă
64px/pt - 600
Display ( Tablet )
Aaă
48px/pt - 600
Display Mobile
Aaă
32px/pt - 600
Body Base
Body Base ( Desktop )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
18px/pt - 300
BodyBase ( Tablet )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
16px/pt - 300
Display Mobile
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
16px/pt - 300
Accents
Accent ( Desktop )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
16px/pt - 300
Accent ( Tablet )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
14px/pt - 300
Accent ( Mobile )
There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain
12px/pt - 300