Home / UI KIT / Typography

TYPOGRAPHY

FONTS

Aa - Trebuchet MS

Aa - Lato

HEADINGS

H1 Heading (Desktop) - Size 42px / Line Height 48px
H1 Heading (Mobile) - Size 28px / Line Height 34px

The five boxing wizards jump quickly.

H2 Heading (Desktop) - Size 42px / Line Height 48px
H2 Heading (Mobile) - Size 28px / Line Height 34px

The five boxing wizards jump quickly.

H3 Heading (Desktop) - Size 28px / Line Height 34px
H3 Heading (Mobile) - Size 22px / Line Height 28px

The five boxing wizards jump quickly.

H4 Heading (Desktop) - Size 22px / Line Height 28px
H4 Heading (Mobile) - Size 18px / Line Height 24px

The five boxing wizards jump quickly.

H5 Heading (Desktop) - Size 18px / Line Height 24px
H5 Heading (Mobile) - Size 18px / Line Height 24px
The five boxing wizards jump quickly.
H5 Heading Bold - Size 18px / Line Height 24px / Bold
The five boxing wizards jump quickly.
Taglines-Medium - Size 16px / Line Height 24px / Semibold

The five boxing wizards jump quickly.

Taglines-Small - Size 10px / Line Height 16px / Bold

The five boxing wizards jump quickly.

Text Link Underline-Large - Size 18px / Line Height 28px / Semiold

The five boxing wizards jump quickly.

Text Link Underline-Medium - Size 16px / Line Height 24px / Semiold

The five boxing wizards jump quickly.

Text Link Underline-Small - Size 14px / Line Height 20px / Semiold

The five boxing wizards jump quickly.

PARAGRAPH

Body-Large Semibold - Size 16px / Line Height 24px

For 40 years we developed strong relationships with people and communities of all kinds, and we are eager to create new ones. Flexible and dynamic, we adapt to your specific needs. That’s because we are able to anticipate your financial requirements based on where you are in your life and where you plan to go.

Body-Large - Size 16px / Line Height 24px

For 40 years we developed strong relationships with people and communities of all kinds, and we are eager to create new ones. Flexible and dynamic, we adapt to your specific needs. That’s because we are able to anticipate your financial requirements based on where you are in your life and where you plan to go.

Body-Medium Semibold - Size 14px / Line Height 20px

For 40 years we developed strong relationships with people and communities of all kinds, and we are eager to create new ones. Flexible and dynamic, we adapt to your specific needs. That’s because we are able to anticipate your financial requirements based on where you are in your life and where you plan to go.

Body-Medium - Size 14px / Line Height 20px

For 40 years we developed strong relationships with people and communities of all kinds, and we are eager to create new ones. Flexible and dynamic, we adapt to your specific needs. That’s because we are able to anticipate your financial requirements based on where you are in your life and where you plan to go.

Body-Small - Size 12px / Line Height 18px

For 40 years we developed strong relationships with people and communities of all kinds, and we are eager to create new ones. Flexible and dynamic, we adapt to your specific needs. That’s because we are able to anticipate your financial requirements based on where you are in your life and where you plan to go.

Body-Small Italic - Size 12px / Line Height 18px

For 40 years we developed strong relationships with people and communities of all kinds, and we are eager to create new ones. Flexible and dynamic, we adapt to your specific needs. That’s because we are able to anticipate your financial requirements based on where you are in your life and where you plan to go.

NUMBERS

Numbers Large (Desktop) - Size 100px / Line Height 104px
Numbers Large (Mobile) - Size 72px / Line Height 76px

1234567890