Locations page style guide

This style guide features general styles the are used on the avid locations page. For more specific individual styles, please return to the main style guide. To see styles for universal assets (nav bar, footer, breadcrumbs) see the homepage style guide. To see what exactly was changed within this guide, please visit the change log.

Introductory copy (mmt, centerxsleft)

New avid hotels are opening every day.
Find one near you.

View introductory copy specs

Container

LVP
padding-top-bottom: 80px

MVP, SVP
padding-top-bottom: 60px

XSVP
padding-top-bottom: 30px
Headline 2 (main style)(h2)

General
color: #ff3a1e
font-family: F37 Ginger, Bold
padding-top: 10px
text-align: center

LVP
padding-bottom: 40px
font-size: 38px
line-height: 47.5px

MVP
padding-bottom: 30px
font-size: 38px
line-height: 47.5px

SVP
padding-bottom: 30px
font-size: 28px
line-height: 35px

XSVP
padding-bottom: 30px
font-size: 28px
line-height: 35px
text-align: left

Full width image (mmt, pattern-image)

View full width image specs

Image
width: 100%

LVP, MVP
Ratio: 16:5
Dimensions: 1440x450px

SVP, XSVP
Ratio: 2:1
Dimensions: 640x320px

Open now section

View open now section specs

Headline 2 (i.e. Open now)(main style)(h2)

General
color: #ff3a1e
font-family: F37 Ginger, Bold
padding-top: 10px
text-align: center

LVP
padding-bottom: 40px
font-size: 38px
line-height: 47.5px

MVP
padding-bottom: 30px
font-size: 38px
line-height: 47.5px

SVP
padding-bottom: 30px
font-size: 28px
line-height: 35px

XSVP
padding-bottom: 30px
font-size: 28px
line-height: 35px
text-align: left
Headline 3 (State)(main style)(h3)

General
color: #3d3d3d
font-family: F37 Ginger, Bold
padding-bottom: 20px

LVP, MVP
font-size: 28px
line-height: 35px

SVP, XSVP
font-size: 24px
line-height: 30px
Container

LVP
padding-top-bottom: 80px

MVP, SVP
padding-top-bottom: 60px

XSVP
padding-top-bottom: 30px
Text link (Hotel City...)(main style)(a.tertiary)

General
color: #3d3d3d
font-family: F37 Ginger, Bold
text-decoration: underline

LVP, MVP
font-size: 18px
line-height: 26px

SVP, XSVP
font-size: 16px
line-height: 23px

Hover / focused
color: e42c0f

Rule #2 (layout, spacer .rule pattern-default scheme.aqua)

View rule #2 specs

Rule
width: 100%
background-color: #68d2df

Opening soon section

Opening Soon

United States

Arizona

Fall 2018
City, Neighborhood
Spring 2019
City, Neighborhood

Connecticut

Winter 2018
City, Neighborhood

Idaho

Spring 2018
City, Neighborhood
Winter 2019
City, Neighborhood

Kentucky

Fall 2018
City, Neighborhood
City, Neighborhood

Nebraska

Summer 2018
City, Neighborhood
Fall 2019
City, Neighborhood

View opening soon section specs

Container

LVP
padding-top-bottom: 80px

MVP, SVP
padding-top-bottom: 60px

XSVP
padding-top-bottom: 30px
Headline 2 (Opening soon)(main style)(h2)

General
color: #ff3a1e
font-family: F37 Ginger, Bold
text-align: center

LVP
padding-bottom: 60px
font-size: 38px
line-height: 47.5px

MVP
padding-bottom: 60px
font-size: 38px
line-height: 47.5px

SVP
padding-bottom: 60px
font-size: 28px
line-height: 35px

XSVP
padding-bottom: 30px
font-size: 28px
line-height: 35px
text-align: left
Rule
width: 200px
align: center
Headline 3 (Country)(main style)(h3)

General
color: #ff3a1e
font-family: F37 Ginger, Bold

LVP, MVP
font-size: 28px
line-height: 35px
padding-bottom: 60px

SVP
font-size: 24px
line-height: 30px
padding-bottom: 60px

SVP
font-size: 24px
line-height: 30px
padding-bottom: 30px
Headline 3 (State)(main style)(h3)

General
color: #3d3d3d
font-family: F37 Ginger, Bold
padding-bottom: 20px

LVP, MVP
font-size: 28px
line-height: 35px

SVP, XSVP
font-size: 24px
line-height: 30px
Date of opening (main style)(p.strong scheme.red)

General
color: #ff3a1e
font-family: F37 Ginger, Regular
text-align: left

LVP, MVP
font-size: 18px
line-height: 26px

SVP, XSVP
font-size: 16px
line-height: 23px
"City, Neighborhood" (main style)(p.strong)

General
color: #3d3d3d
font-family: F37 Ginger, Regular
text-align: left

LVP, MVP
font-size: 18px
line-height: 26px

SVP, XSVP
font-size: 16px
line-height: 23px