Under the hood
-
.header-1 {
font-family: 'Brandon Text Bold', Futura, Helvetica, Arial, sans-serif;
font-size: 25px;
font-style: normal;
font-weight: normal;
letter-spacing: 2px;
line-height: 35px;
text-transform: uppercase;
color: #8EABB9;
}
-
.content-1 {
font-family: 'Brandon Grotesque Bold', Futura, Helvetica, Arial, sans-serif;
font-size: 25px;
font-style: normal;
font-weight: normal;
letter-spacing: 7px;
line-height: 40px;
text-transform: uppercase;
color: #FFFFFF;
}
-
.content-2 {
font-family: 'Brandon Grotesque Bold', Futura, Helvetica, Arial, sans-serif;
font-size: 83px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 86px;
text-transform: none;
color: #FFFFFF;
}
-
.content-3 {
font-family: 'Brandon Grotesque Bold', Futura, Helvetica, Arial, sans-serif;
font-size: 25px;
font-style: normal;
font-weight: normal;
letter-spacing: 6px;
line-height: 40px;
text-transform: uppercase;
color: #FFFFFF;
}
-
.content-4 {
font-family: 'Brandon Text Bold', Futura, Helvetica, Arial, sans-serif;
font-size: 25px;
font-style: normal;
font-weight: normal;
letter-spacing: 7px;
line-height: 40px;
text-transform: uppercase;
color: #FFFFFF;
}
-
.content-5 {
font-family: 'Brandon Text Bold', Futura, Helvetica, Arial, sans-serif;
font-size: 25px;
font-style: normal;
font-weight: normal;
letter-spacing: 6px;
line-height: 40px;
text-transform: uppercase;
color: #FFFFFF;
}
-
.content-6 {
font-family: 'Brandon Text Regular', Futura, Helvetica, Arial, sans-serif;
font-size: 25px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 40px;
text-transform: none;
color: #787878;
}
-
.content-7 {
font-family: 'Brandon Text Regular', Futura, Helvetica, Arial, sans-serif;
font-size: 83px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 86px;
text-transform: none;
color: #FFFFFF;
}
Brandon Grotesque is available from Adobe Fonts, Fonts.com, Fontspring, MyFonts and Typekit.
Brandon Text is available from Fonts.com, Fontspring and MyFonts.