Type hierarchy | Based on 1.25 Major Third
Freight Display | Proxima Nova
A set of typographic styles using two typefaces a serif and a san-serif. This style will create a visual hierarchy in designs. Learn more about Freight Display. and Proxima Nova.
Typographic Hierarchy
H1
This is H1
font-family: freight-display-pro, serif;
font-weight: 600;
font-style: normal;
font-size: 3.052rem;
color: #344734;
letter-spacing: 0.05rem;
font-weight: 600;
font-style: normal;
font-size: 3.052rem;
color: #344734;
letter-spacing: 0.05rem;
H2
This is H2
font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.441rem;
color: #344734;
letter-spacing: 0.05rem;
font-weight: 400;
font-style: normal;
font-size: 2.441rem;
color: #344734;
letter-spacing: 0.05rem;
H3
This is H3
font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.563rem;
color: #344734;
letter-spacing: 0.05rem;
font-weight: 400;
font-style: normal;
font-size: 1.563rem;
color: #344734;
letter-spacing: 0.05rem;
H4
This is H4
font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.563rem;
color: #344734;
letter-spacing: 0.05rem;
font-weight: 400;
font-style: normal;
font-size: 1.563rem;
color: #344734;
letter-spacing: 0.05rem;
H5
This is H4
font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.2rem;
color: #8c8954;
letter-spacing: 0.05rem;
text-transform: uppercase;
font-weight: 400;
font-style: normal;
font-size: 1.2rem;
color: #8c8954;
letter-spacing: 0.05rem;
text-transform: uppercase;
Body
This is body text 1
font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
color: #5a530b;
letter-spacing: 0.05rem;;
font-weight: 400;
font-style: normal;
font-size: 1rem;
color: #5a530b;
letter-spacing: 0.05rem;;
Body Emphasis
This is body text 2
font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 1rem;
color: #5a530b;
letter-spacing: 0.05rem;
font-weight: 700;
font-style: normal;
font-size: 1rem;
color: #5a530b;
letter-spacing: 0.05rem;
Link
font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 1rem;
color: #f1a639;
letter-spacing: 0.05rem;
font-weight: 700;
font-style: normal;
font-size: 1rem;
color: #f1a639;
letter-spacing: 0.05rem;
Link in Copy
This is link for body copy and everything else
font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
color: #344734;
letter-spacing: 0.05rem;
text-decoration: underline;
font-weight: 400;
font-style: normal;
font-size: 1rem;
color: #344734;
letter-spacing: 0.05rem;
text-decoration: underline;