Configure your typography system
Complete typography system documentation for your selected fonts. Preview all type styles, specifications, and usage guidelines.
This is your primary typeface called Inter. It is used for headings, bold statements, in typographic patterns and wherever a bit of character is needed.
THIS IS A FREE AND OPEN SOURCE TYPEFACE LICENSED UNDER
THE SIL OPEN FONT LICENSE. IT IS AVAILABLE TO DOWNLOAD
FROM GOOGLE FONTS AND CAN BE USED FOR BOTH PERSONAL
AND COMMERCIAL PROJECTS WITHOUT ANY COST.
This is your secondary typeface and is called Inter. It is used for body copy, annotations and other more functional usecases e.g. a button on your website or details on your business card. It is available in multiple weights and italics providing lots of flexibility.
THIS IS A FREE AND OPEN SOURCE TYPEFACE LICENSED UNDER
THE SIL OPEN FONT LICENSE. IT IS AVAILABLE TO DOWNLOAD
FROM GOOGLE FONTS AND CAN BE USED FOR BOTH PERSONAL
AND COMMERCIAL PROJECTS WITHOUT ANY COST.
Inter 700
Line-height: 72PT / 79PT
Spacing: 0.00PT
SUB HEADING STYLE
Inter 700
Line-height: 10PT / 15PT
Spacing: +12PT
Inter 700
Line-height: 12PT / 18PT
Spacing: +12PT
Inter 700
Line-height: 48PT / 53PT
Spacing: 0.00PT
Body copy style. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Inter 400
Line-height: 16PT / 24PT
Spacing: 0.00PT
Disclaimer style. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Inter 400
Line-height: 12PT / 18PT
Spacing: 0.00PT