Hierarchy Three

Pairing Typefaces


Amarante & Source Sans Pro

Minor Third Scale: 1.200 type-scale.com
Base size: 1 rem / 16 px

H1

Heading One


Source® Sans Pro, Adobe's first open source typeface family, was designed by Paul D. Hunt. It is a sans serif typeface intended to work well in user interfaces.

HEADER
font-family: 'Amarante', serif;
font-weight: 400;
font-size: 2.488 rem;


BODY
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
font-size: 1 rem;

H2

Heading Two


Source® Sans Pro, Adobe's first open source typeface family, was designed by Paul D. Hunt. It is a sans serif typeface intended to work well in user interfaces.

HEADER
font-family: 'Amarante', serif;
font-weight: 400;
font-size: 2.074 rem;


BODY
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
font-size: 1 rem;

H3

Heading Three


Source® Sans Pro, Adobe's first open source typeface family, was designed by Paul D. Hunt. It is a sans serif typeface intended to work well in user interfaces.

HEADER
font-family: 'Amarante', serif;
font-weight: 400;
font-size: 1.728 rem;


BODY
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
font-size: 1 rem;

H4

Heading Four


Source® Sans Pro, Adobe's first open source typeface family, was designed by Paul D. Hunt. It is a sans serif typeface intended to work well in user interfaces.

HEADER
font-family: 'Amarante', serif;
font-weight: 400;
font-size: 1.44rem;


BODY
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
font-size: 1 rem;

Body
Body Text

BODY
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
font-size: 1 rem;

Emphasised Text
Bold Text

BODY
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 1 rem;

Hyperlinked Text
Text that goes places

BODY
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
font-color: mediumpurple;
font-size: 1 rem;



Body text provided by:

https://fonts.google.com/specimen/Source+Sans+Pro?query=source+sans+pro#about