#1 Header Logo

SVG file recommended. If using other file types:

• 400 x 400px(Minimum) for PNG file

• Max file size of 400kb

#2 Sidebar Logo

SVG file recommended. If using other file types:

• 150 x 150px (Minimum) for PNG file

• Max file size of 400kb

#3 Favicons

• File must be in .png or .svg

• Provide favicons for each size:

  • 16x16, 32x32, 48x48

Note: AW can generate the favicon file if a square svg logo is provided.

#4 Loader “Spinner” Image

SVG file recommended. If using other file types:

• 150 x 150px

• Max file size of 400kb

#5 (Optional) Checkout Logo

SVG file recommended. If using other file types:

• 50-100px tall

• Max file size of 400kb

Note: AW can utilize the header logo provided, if a different logo is desired please provide.

#6 Font(s)

AW supports a maximum of two fonts. One is assigned to the Primary Font Setting and one to the Secondary Font Setting. These will automatically apply to pre-defined areas of the store.

Provide either:

A) AW Hosted Font Requirements

• The following font files are supported: TTF, OTF, WOFF, WOFF2

B) Google Font Requirements

• Must be accessible from the internet, provide the hosted URL

n/a

#7 Hero Image (PLP)

Provide hero image that matches the size selected in #17.

Large

• 1920 x 550px

Medium

• 1920 x 400

Small

• 1920 x 285

Note: The hero image is overlayed behind the header and scales differently based on device sizes; therefore different areas of the image will be non-visible. The focal point of the image should be centered vertically.

Image Added

Image Added

Image Added

#8 Hero Image (My Account)

• JPEG, JPG, or PNG (recommended)

• 1920 x 400px

• Max file size of 400kb

#9 Checkout Background Image

• JPEG, JPG, or PNG (recommended)

• 1920 x 1080px

• Max file size of 400kb

Note: Checkout’s background image has a darkened overlay auto-applied to ensure text is legible. This cannot be overridden.

#10 Brand Colors

Provide the following three theme colors from your brand in HEX or RGB.

These three colors will automatically be applied to the store’s various elements.

When applicable, hover colors will override the original color’s state on hover. If a resort's brand does not include a predefined hover color, AW recommends applying a 10%-20% contrast shift.

• Primary Color

• Primary Hover Color

• Secondary Color

• Secondary Hover Color

• Tertiary Color

• Tertiary Hover Color

n/a

#11 Header Background

HEX or RGB color

#12 Header Text Color

HEX or RGB color

#13 Cart Badge Color

HEX or RGB color

#14 Sidebar Banner Color

HEX or RGB color

#15 Checkout Header Color

HEX or RGB color

#16 Checkout Footer Color

HEX or RGB color

#17 Hero Height

Large

550px

Medium

400px

Small

285px

Note: AW Recommends utilizing the Small option to optimize visibility of PLP Product Cards.

Large

Medium

Small

#18 Hero Display Mechanism

Dynamic

Hero changes randomly to a product card image from the active category.

Static

Hero is a static image and will not change based on different product cards in the active category.

Note: AW recommends using static images, as variations in product images often lead to inconsistent and undesirable appearances across various user devices.

Dynamic

Static

#19 Product Card Display

Option A

• Price always displayed left area

• Shop Now button

• Meta text right of price

• Lines separate the card

  • Line under Product Name

  • Line under Short Description

• Left-aligned product title

• Hard edges

• No drop shadow

Option B

• Price always displayed bottom right

• No Shop Now button

• Meta text left of price

• No separating lines

• Left aligned product title

• Hard edges

• Drop shadow

Option C

• No price

• Shop Now Button

• No Meta Text

• No separating lines

• Left aligned product title

• Round edges

• Drop shadow

Option D

• No Price

• No Shop Now button

• Centered Meta text

• No separating lines

• Centered product title

• Round edges

• No Drop Shadow

#20 Sub-Category Display

Tab Option A

• Capital-cased

• Active sub-category text is colored and underlined

Tab Option B

• Uppercase forced

• Active sub-category text is colored and underlined

Tab Option C

• Capital-cased

• Active sub-category text is highlighted in a box

Tab Option D

• Uppercase forced

• Active sub-category text is highlighted in a box

#21 (Optional) Category Underline Color

Categories in the header and side navigation can optionally display an underline:

• Active: The underline appears on the currently active category.

• Hover: The underline is displayed when hovering over a category.

Both of these options are independent of one another.

#22 Contact Information

Pass Office: 720-123-4567,

Reservations: example@resort.com,

123 Mountain Road, Denver CO, 80205

#23 Footer background color

Hex or RGB