Brand color palette

Confident red
#ff3a1e
Refreshing aqua
#68d2df
Graphite
#3d3d3d
Cool grey
#dbd9d6
Light grey
#f7f7f7
White
#FFFFFF

Typography

Headline 1 (h1 span.red)

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

LVP, MVP
font-size: 54px
line-height: 67.5

SVP, XSVP
font-size: 36px
line-height: 48px

A hotel that's "just right"

Headline 2 (h2, span.red)

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

LVP, MVP
font-size: 38px
line-height: 47.5px

SVP, XSVP
font-size: 28px
line-height: 35px

XSVP
text-align: left

Welcome to the future of the everyday hotel stay

Headline 3 (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

What to expect when you stay

Headline 4 (h4)

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

LVP, MVP
font-size: 24px
line-height: 30px

SVP, XSVP
font-size: 20px
line-height: 25px

No-compromise sleep experience

Headline 5 (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

Offer title on two lines ad astra pera

Headline 6 (h6)

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

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

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

Offer title on two lines ad astra pera

Subhead 1 (h1.small)

General
color: #3d3d3d
font-family: F37 Ginger, Regular
padding-top: 10px

LVP, MVP
font-size: 38px
line-height: 47.25px

SVP, XSVP
font-size: 28px
line-height: 35px

Book a stay with us

Paragraph (.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

Selected
background: #68d2df
We looked to guests like you to learn what's really important in an everyday hotel stay. With avid™ hotels, we’ve designed a straightforward, reliable, affordable hotel stay with you in mind. It’s the essentials done just right, every time.

Descriptive/Chase Copy

All Viewports
color: #3d3d3d
font-family: F37 Ginger, Light
font-size: 14px
line-height: 18px
Tasty spoonfuls of calcium and protein

Error messaging

General
As will be displayed at the top of the reservation module
width: 100%
color: #3d3d3d
font-family: F37 Ginger, Regular
padding-left-right: 10px
padding-top-bottom: 5px
border: 2px, solid, #ff3a1e
border-radius: 5px

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

SVP, XSVP
font-size: 16px
line-height: 23px
Please enter Destination.

Buttons & Links

Internal CTA (a.primary)

All viewports
color: #FFF
background-color: #ff3a1e
padding-top-bottom: 15px
padding-left-right: 30px
font-family: F37 Ginger, Bold
font-size: 18px
line-height: 22px
border-radius: 5px

Hover/focus
background-color: #e42c0f

Outbound Arrow
width: 16px

Navbar CTA (a.secondary)

All viewports
color: #ff3a1e
padding-top-bottom: 10px
padding-left-right: 15px
font-family: F37 Ginger, Bold
font-size: 18px
line-height: 22px
border: 3px, solid, #ff3a1e
border-radius: 5px

Hover/focus

background-color: #e42c0f
border-color: #e42c0f
color: #FFF

Text Link
(a.tertiary, a.teriary outbound)

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

Hover
color: #e42c0f

Outbound arrow
width: 16px
padding-left: 10px

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

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

Image ratios & DAM naming conventions

Full width images

All viewports
Format: .jpg

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

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

Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

3-up images

All viewports

Format: .jpg
Ratio: 4:3
Dimensions: 800x600px

Offer title on two lines ad astra pera

Lorem ipsum dolor sit amet, conse ctetur adipiscing elit.

Offer title on two lines ad astra pera

Lorem ipsum dolor sit amet, conse ctetur adipiscing elit.

Offer title on two lines ad astra pera

Lorem ipsum dolor sit amet, conse ctetur adipiscing elit.

Offers images

All viewports

Format: .jpg
Ratio: 2:1
Dimensions: 800x400px

50/50 image section

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Learn more

Half width images

All viewports

Format: .jpg
Ratio: 16:9
Dimensions: 800x450px
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.

Icons

All viewports

Format: .png
Ratio: 1:1
Dimensions: 200x200px

DAM naming conventions

General rules

The following is the structure we have devised for naming images as they are uploaded to the DAM. Since we do not know yet what the content of the images will be, our image names must follow a structure that dictates their location. The convention is as follows, all lowercase with dashes and all:

brandname-sitepage-sectionname-imagetype(if multiple, append with a number)-viewport(when applicable)-ratio1xratio2-widthxheight.extension

For example, for the full width image on the offers page on desktop, the filename is as follows:

avid-offers-hero-fullwidth-desktop-16x5-4x3-1440x450.jpg

All links:
https://ihg1.app.box.com/file/273850279080

Established DAM Names (developing...)

* indicates assets which need not be touched as of 3/14/18
General assets

avid-general-ihgrc-logo.png*
avid-general-icon-arrow-link-graphite.svg *
avid-general-icon-arrow-link-red.svg *
avid-general-icon-arrow-link-white.svg *
avid-general-icon-avid-logo.png *
avid-general-reservationmodule-icon-calendar.svg *
avid-general-reservationmodule-icon-minus.svg *
avid-general-reservationmodule-icon-plus.svg *
avid-general-reservationmodule-icon-x.svg *

Homepage

avid-homepage-chase-image-4x3-800x600.jpg *
avid-homepage-hero-background-desktop-16x5-1920x600.jpg *
avid-homepage-hero-background-mobile-2x1-1200x600.jpg *
avid-homepage-offers1-2x1-800x400.jpg
avid-homepage-offers2-2x1-800x400.jpg
avid-homepage-offers3-2x1-800x400.jpg
avid-homepage-promo-2x1-800x400.jpg
avid-homepage-social1-1x1-600x600.jpg
avid-homepage-social2-1x1-600x600.jpg
avid-homepage-social3-1x1-600x600.jpg
avid-homepage-social4-1x1-600x600.jpg
avid-homepage-value-3-up-image1-4x3-800x600.jpg
avid-homepage-value-3-up-image2-4x3-800x600.jpg
avid-homepage-value-3-up-image3-4x3-800x600.jpg
avid-homepage-whattoexpect-halfwidth-16x9-800x450.jpg

Locations

avid-locations-hero-fullwidth-desktop-image1-16x5-2160x675.jpg
avid-locations-hero-fullwidth-mobile-image1-2x1-1000x500.jpg

Offers

avid-offers-hero-fullwidth-desktop-16x5-2160X675.jpg
avid-offers-hero-fullwidth-mobile-2x1-1000x500.jpg

What to expect

avid-whattoexpect-breakfast-fullwidth-desktop-16x5-2160x675.jpg
avid-whattoexpect-breakfast-fullwidth-mobile-1000x500.jpg
avid-whattoexpect-breakfast-icon1-1x1-200x200.png
avid-whattoexpect-breakfast-icon2-1x1-200x200.png
avid-whattoexpect-breakfast-icon3-1x1-200x200.png
avid-whattoexpect-breakfast-icon4-1x1-200x200.png
avid-whattoexpect-breakfast-icon5-1x1-200x200.png
avid-whattoexpect-breakfast-icon6-1x1-200x200.png
avid-whattoexpect-breakfast-icon7-1x1-200x200.png
avid-whattoexpect-breakfast-icon8-1x1-200x200.png
avid-whattoexpect-breakfast-misc1-4x3-800x600.jpg
avid-whattoexpect-breakfast-misc2-4x3-800x600.jpg
avid-whattoexpect-general-checkmark-icon-1x1-200x200.svg *
avid-whattoexpect-promise-fullwidth-desktop-16x5-2160x675.jpg
avid-whattoexpect-promise-fullwidth-mobile-2x1-1000x500.jpg
avid-whattoexpect-promise-icon1-1x1-200x200.png
avid-whattoexpect-promise-icon2-1x1-200x200.png
avid-whattoexpect-promise-icon3-1x1-200x200.png
avid-whattoexpect-promise-icon4-1x1-200x200.png
avid-whattoexpect-promise-misc1-4x3-800x600.jpg
avid-whattoexpect-promise-misc2-4x3-800x600.jpg
avid-whattoexpect-rooms-fullwidth-desktop-16x5-2160x675.jpg
avid-whattoexpect-rooms-fullwidth-mobile-2x1-1000x500.jpg
avid-whattoexpect-rooms-icon1-1x1-200x200.png
avid-whattoexpect-rooms-icon2-1x1-200x200.png
avid-whattoexpect-rooms-icon3-1x1-200x200.png
avid-whattoexpect-rooms-icon4-1x1-200x200.png
avid-whattoexpect-rooms-icon5-1x1-200x200.png
avid-whattoexpect-rooms-icon6-1x1-200x200.png
avid-whattoexpect-rooms-icon7-1x1-200x200.png
avid-whattoexpect-rooms-icon8-1x1-200x200.png
avid-whattoexpect-rooms-misc1-4x3-800x600.jpg
avid-whattoexpect-rooms-misc2-4x3-800x600.jpg
avid-whattoexpect-vr-halfwidth-16x9-800x450.jpg

Landing page template

avid-landingpage-3-up-image1-4x3-800x600.jpg *
avid-landingpage-3-up-image2-4x3-800x600.jpg *
avid-landingpage-3-up-image3-4x3-800x600.jpg *
avid-landingpage-fullwidth-desktop-16x5-2160x675.jpg *
avid-landingpage-fullwidth-mobile-2x1-1000x500.jpg *
avid-landingpage-halfwidth-4x3-800x600.jpg *
avid-landingpage-offers-image1-2x1-800x400.jpg *
avid-landingpage-offers-image2-2x1-800x400.jpg *
avid-landingpage-offers-image3-2x1-800x400.jpg *

Hotel details home

avid-hoteldetails-additionalinfo-icon-24hrgym-1x1-200x200.png
avid-hoteldetails-additionalinfo-icon-24hrmarket-1x1-200x200.png
avid-hoteldetails-additionalinfo-icon-accessibility-1x1-200x200.png
avid-hoteldetails-additionalinfo-icon-breakfast-1x1-200x200.png
avid-hoteldetails-additionalinfo-icon-facilities-1x1-200x200.png
avid-hoteldetails-additionalinfo-icon-parking-1x1-200x200.png
avid-hoteldetails-additionalinfo-icon-petpolicy-1x1-200x200.png
avid-hoteldetails-additionalinfo-icon-rooms-1x1-200x200.png
avid-hoteldetails-additionalinfo-icon-technology-1x1-200x200.png
avid-hoteldetails-executivesummary-icon1-1x1-200x200.png
avid-hoteldetails-executivesummary-icon2-1x1-200x200.png
avid-hoteldetails-executivesummary-icon3-1x1-200x200.png
avid-hoteldetails-executivesummary-icon4-1x1-200x200.png
avid-hoteldetails-executivesummary-icon5-1x1-200x200.png
avid-hoteldetails-gallery1-16x9-1440x810.jpg
avid-hoteldetails-gallery2-16x9-1440x810.jpg
avid-hoteldetails-gallery3-16x9-1440x810.jpg
avid-hoteldetails-social1-1x1-600x600.jpg
avid-hoteldetails-social2-1x1-600x600.jpg
avid-hoteldetails-social3-1x1-600x600.jpg
avid-hoteldetails-social4-1x1-600x600.jpg
avid-hoteldetails-value-3-up-image1-4x3-800x600.jpg
avid-hoteldetails-value-3-up-image2-4x3-800x600.jpg
avid-hoteldetails-value-3-up-image3-4x3-800x600.jpg

Hotel details local area

avid-hoteldetails-localarea-gallery1-16x9-1440x810.jpg
avid-hoteldetails-localarea-gallery2-16x9-1440x810.jpg
avid-hoteldetails-localarea-gallery3-16x9-1440x810.jpg

Hotel details offers

avid-hoteldetails-offers-hero-fullwidth-desktop-image1-16x5-2160x675.jpg
avid-hoteldetails-offers-hero-fullwidth-mobile-image1-2x1-1000x500.jpg
General asset location

Mobile nav
Outbound CTAs
Outbound CTAs
Outbound CTAs
Nav bar
Resmod
Resmod
Resmod
Resmod

Homepage asset location

Chase section
Hero, desktop
Hero, mobile
Offers, image 1
Offers, image 2
Offers, image 3
Promo slot
Social image placeholder 1
Social image placeholder 2
Social image placeholder 3
Social image placeholder 4
Value prop, image 1
Value prop, image 2
Value prop, image 3
Half and half section, WTE

Locations assets location

Hero, desktop
Hero, mobile

Offers asset location

Full width image, desktop
Full width image, mobile

What to expect asset location

Breakfast section full width image, desktop
Breakfast section full width image, mobile
Breakfast section icon 1 (tbd)
Breakfast section icon 2 (tbd)
Breakfast section icon 3 (tbd)
Breakfast section icon 4 (tbd)
Breakfast section icon 5 (tbd)
Breakfast section icon 6 (tbd)
Breakfast section icon 7 (tbd)
Breakfast section icon 8 (tbd)
Breakfast section last image 1
Breakfast section last image 2
Checkmark icon for headlines
Promise section full width image, desktop
Promise section full width image, mobile
Promise section icon 1 (tbd)
Promise section icon 2 (tbd)
Promise section icon 3 (tbd)
Promise section icon 4 (tbd)
Promise section last image 1
Promise section last image 2
Rooms section full width image, desktop
Rooms section full width image, mobile
Rooms section icon 1 (tbd)
Rooms section icon 2 (tbd)
Rooms section icon 3 (tbd)
Rooms section icon 4 (tbd)
Rooms section icon 5 (tbd)
Rooms section icon 6 (tbd)
Rooms section icon 7 (tbd)
Rooms section icon 8 (tbd)
Rooms section last image 1
Rooms section last image 2
Half and half section, VR

Landing page template asset location

3-up image 1
3-up image 2
3-up image 3
Full width image desktop
Full width image mobile
Half and half section image
Offers image 1
Offers image 2
Offers image 3

Hotel details home asset location

Additional information accordion, gym
Additional information accordion, market
Additional information accordion, accessibility
Additional information accordion, breakfast
Additional information accordion, facilities
Additional information accordion, parking
Additional information accordion, pet policy
Additional information accordion, rooms
Additional information accordion, technology
Executive summary icon 1 (tbd)
Executive summary icon 2 (tbd)
Executive summary icon 3 (tbd)
Executive summary icon 4 (tbd)
Executive summary icon 5 (tbd)
Gallery image placeholder 1
Gallery image placeholder 2
Gallery image placeholder 3
Social image placeholder 1
Social image placeholder 2
Social image placeholder 3
Social image placeholder 4
Value prop, image 1
Value prop, image 2
Value prop, image 3

Hotel details local area asset location

Gallery image placeholder 1
Gallery image placeholder 2
Gallery image placeholder 3

Hotel details offers asset location

Full width image, desktop
Full width image, mobile