The typographical hierarchy for this design system combines Merriweather and Merriweather Sans for both the headers and body text. The base font size is 16px in a major-third scale. Merriweather is a great typeface to use because it balances sharp and soft edges to make the letters distinct. These two pair well together to make a complete typographical hierarchy. Color is not defined for these headers other than the hyperlink text. Color should be chosen based on the page's color scheme and dark/light mode decisions.

Merriweather & Merriweather Sans

Major-Third, typescale.com

Base Size: 16px

Heading 1

Skoriot nuhyz zaldrizesse ilzi? Vilibazmosa iderenni emilun. Nuhor lir gurenna. Skoriot nuhyz zaldrizesse ilzi? Sikudi nopazmi! Tubi daor. Avy jorraelan. Daoruni gimi, Ionos Sonaro. Skoros morghot vestri? Tubi daor.

font-family: 'Merriweather', serif;
font-size: 48.83px;
font-weight: 400;
font-style: normal;
line-height: 1.3;

Heading 2

font-family: 'Merriweather', serif;
font-size: 39.06px;
font-weight: 400;
font-style: normal;
line-height: 1.3;

Heading 3

font-family: 'Merriweather', serif;
font-size: 31.25px;
font-weight: 400;
font-style: normal;
line-height: 1.3;

Heading 4

font-family: 'Merriweather', serif;
font-size: 25.00px;
font-weight: 400;
font-style: normal;
line-height: 1.3;

Heading 5

font-family: 'Merriweather', serif;
font-size: 20.00px;
font-weight: 400;
font-style: normal;
line-height: 1.3;

Body Text

font-family: 'Merriweather Sans', sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;

Emphasized Text

Skoriot nuhyz zaldrizesse ilzi? Vilibazmosa iderenni emilun. Nuhor lir gurenna.

font-family: 'Merriweather Sans', sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;

Hyperlink Text

More pages like this >