#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.

#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.

#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.