Framework
v1.0.80Typography references
Fonts
Aa
Podium Sharp
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
´ « » ? ‘ ’ ! ( % ) [ # ] { @ } / & \ : ; , . *
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
´ « » ? ‘ ’ ! ( % ) [ # ] { @ } / & \ : ; , . *
abcdefghijklmnopqrstuvwxyz
Class name:font-headings
Aa
Roboto Condensed
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
´ « » ? ‘ ’ ! ( % ) [ # ] { @ } / & \ : ; , . *
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
´ « » ? ‘ ’ ! ( % ) [ # ] { @ } / & \ : ; , . *
abcdefghijklmnopqrstuvwxyz
Class name:font-body
Hierarchy
headings
You can take the girl out of Salvador, but you‘ll never take the girl out of Salvador.
Our main size for headers, usually H1 or similar.
font-family: Podium Sharp;
font-size: 60px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
font-size: 60px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
headings
You can take the girl out of Salvador, but you‘ll never take the girl out of Salvador.
Our second size for headers, usually H2.
font-family: Podium Sharp;
font-size: 48px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
font-size: 48px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
headings
You can take the girl out of Salvador, but you‘ll never take the girl out of Salvador.
Our third size for headers, usually H3.
font-family: Podium Sharp;
font-size: 36px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
font-size: 36px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
headings
You can take the girl out of Salvador, but you‘ll never take the girl out of Salvador.
Our fourth size for headers, usually H4.
font-family: Podium Sharp;
font-size: 30px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
font-size: 30px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
headings
You can take the girl out of Salvador, but you‘ll never take the girl out of Salvador.
Our fifth size for headers, usually H5.
font-family: Podium Sharp;
font-size: 24px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
text-transform: uppercase;
font-size: 24px;
font-style: italic;
font-weight: 700;
line-height: 1.25;
text-transform: uppercase;
headings
You can take the girl out of Salvador, but you‘ll never take the girl out of Salvador.
Our sixth size for headers, usually H6.
font-family: Roboto Condensed;
font-size: 1rem (16px);
font-style: normal;
font-weight: 700;
line-height: 1.25;
text-transform: uppercase;
font-size: 1rem (16px);
font-style: normal;
font-weight: 700;
line-height: 1.25;
text-transform: uppercase;
body
Class name:text-lg
body
Class name:text-base
body
Class names:text-sm
body
Class names:text-xs