Typography

Inter

Inter is the font family used for the systems, as it was specially designed for computer screens. The scale used to define the sizes is from Material Design Type Scale Generator.

A B C D E F G H

a b c d e f g h

1 2 3 4 5 6 7 8 9

Styles Examples

Our type ramp consists of 13 font styles that are used in Sami ERP.

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5
Headline 6

Subtitle 1

Subtitle 2

Body 1

Body 2

Button

Overline

Headline 1

<h1></h1> or  .h1

Family
Inter

Size
5.813rem

Line height
113px

Letter spacing
-1.5px

Font Weight
Light 300

Headline 2

<h2></h2> or  .h2

Family
Inter

Size
3.625rem

Line height
70px

Letter spacing
-0.5px

Font Weight
Light 300

Headline 3

<h3></h3> or  .h3

Family
Inter

Size
2.938rem

Line height
56.9px

Letter spacing
0px

Font Weight
Regular 400

Headline 4

<h4></h4> or  .h4

Family
Inter

Size
2.063rem

Line height
39.9px

Letter spacing
0.25px

Font Weight
Medium 500

Headline 5
<h5></h5> or  .h5

Family
Inter

Size
1.438rem

Line height
27.8px

Letter spacing
0px

Font Weight
Regular 400

Headline 6
<h6></h6> or  .h6

Family
Inter

Size
1.125rem

Line height
23px

Letter spacing
0.15px

Font Weight
Medium 500

Subtitle 1

.subtitle-1

Family
Inter

Size
1rem

Line height
19px

Letter spacing
0.15px

Font Weight
Regular 400

Subtitle 2

.subtitle-2

Family
Inter

Size
0.875rem

Line height
17px

Letter spacing
0.1px

Font Weight
Regular 400

Body 1

default

Family
Inter

Size
1rem

Line height
19.4px

Letter spacing
0.5px

Font Weight
Regular 400

Body 2

.body-2

Family
Inter

Size
0.875rem

Line height
16.9px

Letter spacing
0.25px

Font Weight
Regular 400

Button

.button

Family
Inter

Size
0.875rem

Line height
16.9px

Letter spacing
1.25px

Font Weight
Medium 500

Overline

.overline

Family
Inter

Size
0.625rem

Line height
12.1px

Letter spacing
1.5px

Font Weight
Regular 400