04 / 07brand-kit-template.preview.hackernoon.com/typography
Typography
One typeface, Inter, used everywhere: bold for headlines, regular for everything people read.
04.1
Inter Bold
Headlines. Titles, headings and big statements.
- 800 · ExtraBoldThe quick brown fox jumps over the lazy dog
- 700 · BoldThe quick brown fox jumps over the lazy dog
- 600 · SemiBoldThe quick brown fox jumps over the lazy dog
04.2
Inter Regular
Body & interface. Paragraphs, buttons, labels and everything else people read.
- 500 · MediumClear words, short sentences, the important thing first.
- 400 · RegularClear words, short sentences, the important thing first.
04.3
Type Scale
Seven sizes, from display to caption. They scale with the screen.
- Display
--step-5Your Brand - Heading 1
--step-4Your Brand - Heading 2
--step-3Your Brand - Heading 3
--step-2Your Brand - Lead
--step-1Your Brand - Body
--step-0Your Brand - Caption
--step--1Your Brand