Landing Page & Email
Sale Hero Banner
Guidelines
Mobile: 613 x 300px
Tablet: 800 x 400px
Desktop: 1016 x 450px
Hero Sale Banners are reserved for instances when a specific markdown or promotion needs the most visual prominence possible.
This asset is live text that is centered within the promo vertically and horizontally.
Asset background color is either #F2F2F2 or #D81E05.
Sale Banners should be text only, no images.
Messaging should align with Finish Line sale typography standards.
Placement
Mobile
Tablet
Desktop
Sale Bucket
Guidelines
Asset dimensions: 900 x 648px
File size: 100kb max
File format: PNG
Asset background color is #F2F2F2.
Height of red overlay layer is 198px.
Messaging should align with Finish Line sale typography standards. Copy is live text and will be vertically and horizontally centered within the red area. Percentage or amount off should be the most prominent message.
Naming convention:
FNL_Date_Campaign_Project Name_Deliverable_Spec_Version.filetype
(Ex: FNL_120919_Sale_Bucket_900x648_v1.png)
Product Layout Guidelines
Shoes
Product photography should be the lead visual for footwear sale buckets.
Featured products should be selected so colors
are complimentary to
one another.
Use multiple products to represent a bucket, but no more than 3.
Products should be grouped and organized in a complimentary fashion above the red overlay.
Do not feature red products on a red background.
If a bucket contains shoes & apparel, (Ex: Select Nike Shoes and Apparel up to 40% Off), shoes should be the lead visual.
Apparel
Product photography shot on model should be the lead visual for apparel
sale buckets.
Use multiple products to represent a bucket.
Use multiple angles to create visual interest
and variety.
Product photography should never be used in full color when supporting a sale message.
Products should be grouped and organized in acomplimentary fashion.
Accessories
Product photography should be the lead
visual for accessories
sale buckets.
Featured products should be selected so colors
are complimentary to
one another.
Use multiple products to represent a bucket.
Products should be grouped and organized in a complimentary fashion.
Do not feature red products on a red background.
Placement
Mobile
Tablet
Desktop
Sale Banner
Guidelines
This asset is live text that is centered within the promo vertically and horizontally.
Asset background color is either #F2F2F2 or #D81E05.
Sale Banners should be text only, no images.
Messaging should align with Finish Line sale typography standards.
Placement
Mobile
Tablet
Desktop
Markdowns Email
Guidelines
The Hero of the email is reserved for the a markdown or promotion that needs the most visual prominence possible.
The Shipping Banner, Hero, and Buckets should have a background color of #F2F2F2.
The Shop All Sale Banner should have a background color of #D81E05.
Text color should be in a contrasting color from the background.
Markdowns Emails should be text only, no images.
Messaging should align with Finish Line sale typography standards.
