What to expect page style guide

This style guide features general styles the are used on the avid what to expect 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)

Here's what to expect when you stay with avid™ hotels

Welcome! We’ve listened carefully to travelers like you to learn what they really want in an everyday hotel stay. They've told us they need a reliable, affordable hotel that’s focused on the essentials, like a great night’s sleep in a really clean room and free, high-quality, grab-n-go breakfast options.

With you in mind, we’ve designed avid™ hotels to deliver these essentials and more. It’s a hotel stay that's just right, every time.

View introductory copy specs

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
Paragraph (main style)(.p)

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

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

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

LVP
padding-top-bottom: 80px

MVP, SVP
padding-top-bottom: 60px

XSVP
padding-top-bottom: 30px

Virtual tour callout

Check out avid™ hotels

Each avid™ hotel is built brand new with the same standards, so you can be sure of a great stay experience every time you're with us.
Tour the hotel

View virtual tour callout specs

Container

General
height: auto

Image

All viewports
Ratio: 15:9
Dimensions: 800x450px

LVP, MVP
width: 50%
height: auto
max-height: 400px

SVP, XSVP
width: 100%
Headline 3 (main style)(h3)

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

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

SVP, XSVP
font-size: 24px
line-height: 30px
Paragraph (main style)(.p)

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

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

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

Internal CTA (main style)(a.primary outbound)

All viewports
color: #FFF
background-color: #ff3a1e
padding-top-bottom: 15px
padding-left-right: 30px
margin-top: 10px
font-size: 18px
line-height: 22px
border-radius: 5px

Hover / focused
background-color: #e42c0f

Outbound arrow
width: 16px

Section introductory copy

Rest and refresh in clean, modern rooms

We know that arriving to a room that's ready for you is really important.

View section introductory copy specs

Container

LVP
padding-top-bottom: 80px

MVP, SVP
padding-top-bottom: 60px

XSVP
padding-top-bottom: 30px
Checkbox icon
Height: 45px
(May be handled by the below span; included just in case)

Headline 3 (main style)(h3 span.checkmark)

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

LVP
padding-bottom: 40px
font-size: 28px
line-height: 35px

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

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

XSVP
padding-bottom: 30px
font-size: 24px
line-height: 30px
text-align: left
Paragraph (main style)(.p)

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

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

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

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

Icon information section (mmt, pattern-feature)

In your room, you’ll find:

Refreshing bathroom
A bright bathroom with a large backlit mirror and energizing shower.
Open storage
Simple and open design, so you’ll never leave anything behind.
In-room entertainment
Cast TV shows and movies from your device to the 55” TV.
Work desk
A comfortable workspace with easy-to-reach USB ports.
Hard surface flooring
Modern and easy-to-clean flooring.
Power outlets
Plenty of places to charge your devices.
Flexible lighting
Create the right setting with adjustable bedside lighting.
Thoughtful design
Efficient features create a functional and relaxing space.

View icon information section specs

Container

LVP
padding-top-bottom: 80px

MVP, SVP
padding-top-bottom: 60px

XSVP
padding-top-bottom: 30px

Secondary row of 3 icons (if applicable)

LVP
max-width: 800px

MVP
max-width: 650px

SVP, XSVP
max-width: 100%
Headline 3 (main style)(h3)

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

LVP
padding-bottom: 40px
font-size: 28px
line-height: 35px

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

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

XSVP
padding-bottom: 30px
font-size: 24px
line-height: 30px
text-align: left
Icon
height: 55px

Descriptor, Headline 6(main style)(h6)

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

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

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

XSVP
text-align: left

Descriptive copy (main style)

All Viewports
color: #3d3d3d
font-family: F37 Ginger, Light
font-size: 14px
line-height:18px

More information section

Easy in-room entertainment
Connect to Wi-Fi and cast movies, music, and TV shows from your favorite device up on the 55-inch TV monitor.
Rooms designed for a sound night's sleep
Our rooms feature top-of-the-line mattresses fitted with luxury linens.

View more information section specs

Container

LVP
padding-bottom: 80px

MVP, SVP
padding-bottom: 60px

XSVP
padding-bottom: 30px

Image

All viewports
Ratio: 4:3
Dimensions: 800x600px
All viewports
padding-bottom: 20px
Headline 5 (main style)(h5)

General
color: #3d3d3d
font-family: F37 Ginger, Bold
padding-bottom: 10px
text-align: left

LVP, MVP
font-size: 20px
line-height: 25px

SVP, XSVP
font-size: 18px
line-height: 22.5px
Paragraph (main style)(.p)

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

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

SVP, XSVP
font-size: 16px
line-height: 23px
Links (When applicable)(a.tertiary)

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

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

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

Hover / focused
color: #e42c0f

Rule #1 (layout, spacer pattern-narrow .

View rule #1 specs

Rule 1
width: 200px
align: center