Style Guide - Graphics & Assets
Flash Tiles
Flash Tiles are the rotating banner ads that exist on the login page. Their main purpose is to attract a user's attention to a promotional item, deal, etc. and to get them to click on the banner in order to receive additional details.
Every Flash Tile should consist of the following:
-
H1 - Main Headline
-
H2 - Sub Header
-
p - Description of promotion, deal, etc.
-
CTA - Call to Action
-
Size = 861 x 318
Right Rails
Right Rails are the small ad tiles that prodominately exist on the MyShop, parts landing/category, shop supplies landing/category, and deals pages. Their main purpose is to inform the user of a promotion, deal, etc. and to get them to click on the banner in order to receive additional details.
Every Right Rail asset should consist of the following:
-
H1 - Main Headline
-
p - Description of promotion, deal, etc.
-
CTA - Call to Action
-
Size = 200 x 122
Long Banner
Long Banners are the full-width banner ads that exist on the MyShop page. Their main purpose is to inform a user of a promotional campaign and to get them to click on the banner in order to receive additional details about that particular campaign.
Every Long Banner should consist of the following:
-
H1 - Main Headline
-
H2 - Sub Header
-
p - Description of promotion, deal, etc.
-
CTA - Call to Action
-
Size = 863 x 120
Header Banner (landing pages)
Header Banners are the full-width banners that exist at the top of a promotional landing page. Their main purpose is to reinforce the branding of a particular campaign or product deal.
Every Header Banner should consist of the following:
-
H1 - Main Headline
-
H2 - Sub Header
-
Size = 1140 x 240
Hero Image (landing pages)
Hero Images are the highly-attractive showcase images that exist in the main body of a promotional landing page. Their main purpose is to attract attention and showcase a particular product and/or campaign theme.
-
Hero Images are typically used to showcase a product and can vary in style.
-
Size = 540 x 400