Typography
Typographic system establishes scale, sizes and weight of text.
Typography
Typographic system establishes scale, sizes and weight of text.
Typeface
Merriweather
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890'?"!"(%)[#]@/&\-+÷×=®©$€£¥¢:;,.*
Typeface
PP Telegraf
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890'?"!"(%)[#]@/&\-+÷×=®©$€£¥¢:;,.*
Hierarchy
Use for palette of colors containing many shades.
Data/Base
Merriweather / 40048px / 1.2Almost before we knew it, we had left the ground.
Data/LG
Merriweather / 90060px / 1.0Almost before we knew it, we had left the ground.
Data/SM
Merriweather / 40032px / 1.3Almost before we knew it, we had left the ground.
Display/Bold
PP Telegraf / 70074px / 1.0Almost before we knew it, we had left the ground.
Display/Regular
PP Telegraf / 40074px / 1.0Almost before we knew it, we had left the ground.
Display/Ultrabold
PP Telegraf / 80074px / 1.0Almost before we knew it, we had left the ground.
Heading 1/Bold
PP Telegraf / 70060px / 1.1Almost before we knew it, we had left the ground.
Heading 1/Regular
PP Telegraf / 40060px / 1.1Almost before we knew it, we had left the ground.
Heading 1/Ultrabold
PP Telegraf / 80060px / 1.1Almost before we knew it, we had left the ground.
Heading 2/Bold
PP Telegraf / 70048px / 1.2Almost before we knew it, we had left the ground.
Heading 2/Regular
PP Telegraf / 40048px / 1.2Almost before we knew it, we had left the ground.
Heading 2/Ultrabold
PP Telegraf / 80048px / 1.2Almost before we knew it, we had left the ground.
Heading 3/Bold
PP Telegraf / 70040px / 1.2Almost before we knew it, we had left the ground.
Heading 3/Regular
PP Telegraf / 40040px / 1.2Almost before we knew it, we had left the ground.
Heading 3/Ultrabold
PP Telegraf / 80040px / 1.2Almost before we knew it, we had left the ground.
Heading 4/Bold
PP Telegraf / 70032px / 1.3Almost before we knew it, we had left the ground.
Heading 4/Regular
PP Telegraf / 40032px / 1.3Almost before we knew it, we had left the ground.
Heading 4/Ultrabold
PP Telegraf / 80032px / 1.3Almost before we knew it, we had left the ground.
Heading 5/Bold
PP Telegraf / 70024px / 1.3Almost before we knew it, we had left the ground.
Heading 5/Regular
PP Telegraf / 40024px / 1.3Almost before we knew it, we had left the ground.
Heading 5/Ultrabold
PP Telegraf / 80024px / 1.3Almost before we knew it, we had left the ground.
Paragraph/Base/Bold
PP Telegraf / 70016px / 1.5Almost before we knew it, we had left the ground.
Paragraph/Base/Regular
PP Telegraf / 40016px / 1.5Almost before we knew it, we had left the ground.
Paragraph/Base/Ultrabold
PP Telegraf / 80016px / 1.5Almost before we knew it, we had left the ground.
Paragraph/LG/Bold
PP Telegraf / 70018px / 1.4Almost before we knew it, we had left the ground.
Paragraph/LG/Regular
PP Telegraf / 40018px / 1.4Almost before we knew it, we had left the ground.
Paragraph/LG/Ultrabold
PP Telegraf / 80018px / 1.4Almost before we knew it, we had left the ground.
Paragraph/SM/Bold
PP Telegraf / 70014px / 1.5Almost before we knew it, we had left the ground.
Paragraph/SM/Regular
PP Telegraf / 40014px / 1.5Almost before we knew it, we had left the ground.
Paragraph/SM/Regular
PP Telegraf / 80014px / 1.5Almost before we knew it, we had left the ground.
Paragraph/XL/Bold
PP Telegraf / 70020px / 1.4Almost before we knew it, we had left the ground.
Paragraph/XL/Regular
PP Telegraf / 40020px / 1.4Almost before we knew it, we had left the ground.
Paragraph/XL/Ultrabold
PP Telegraf / 80020px / 1.4Almost before we knew it, we had left the ground.
Paragraph/XS/Bold
PP Telegraf / 70012px / 1.5Almost before we knew it, we had left the ground.
Paragraph/XS/Regular
PP Telegraf / 40012px / 1.5Almost before we knew it, we had left the ground.
Paragraph/XS/Ultrabold
PP Telegraf / 80012px / 1.5Almost before we knew it, we had left the ground.