DAYCO AFTERMARKET WEBSITE GRAPHICS AND GUIDELINES OVERVIEW This information is intended as a guide for building your Aftermarket websites. Each Aftermarket unit has different product offerings and needs, so we have created 5 main graphic elements that may be customized to those needs. Graphics…………………pages 2-5 Guidelines……………..pages 6-8 Examples……………….pages 9-10 FILES NEEDED Header with Navigation Bar (.gif and .jpg) Header without Navigation Bar (.gif and .jpg) Navigation Bar (.gif and .jpg) Left Navigation (.gif and .jpg) Dayco Header (Photoshop – Layered File)
STANDARD ENGLISH HEADER Use File: header_with_navigation_bar.gif Or header_with_navigation_bar.jpg
Use File: dayco_header.psd (Photoshop – Layered File) BLANK HEADER FOR LANGUAGES OTHER THAN ENGLISH Use File: dayco_header.psd (Photoshop – Layered File)
ADDITIONAL HEADER OPTION Use File: header.jpg OR header.gif NAVIGATION BAR IS NOT ATTACHED Use File: header.jpg OR header.gif
ADDITIONAL NAVIGATION OPTIONS Below Header Navigation Bar– Use File: navigation_bar.jpg OR navigation_bar.gif Left Navigation - Use File: left_navigation.jpg OR left_navigation.gif
STANDARD HEADER AND NAVIGATION Corporate Links To: www.dayco.com/corporate OE Links To: www.dayco.com/oe Aftermarket Links To: www.dayco.com/regions Change Region Links To: www.dayco.com/regions Header PRODUCTS ONLINE CATALOG TRAINING/VIDEOS WHERE TO BUY CONTACT SEARCH Font: Helvetica or Arial Size: 10 PT Type Color: White Navigation Bar
ADDITIONAL NAVIGATION – OPTION 1 PRODUCTS ONLINE CATALOG TRAINING/VIDEOS WHERE TO BUY CONTACT SEARCH Top Level Navigation Font: Helvetica or Arial Size: 10 PT Type Color: White Lower Level Navigation Font: Helvetica or Arial Size: 8 PT Type Color: White
ADDITIONAL NAVIGATION – OPTION 2 PRODUCTS ONLINE CATALOG TRAINING/VIDEOS WHERE TO BUY CONTACT SEARCH Top Level Navigation Font: Helvetica or Arial Size: 10 PT Type Color: White DAYCO DIRECT DAYCO STORE TECHNICIAN SUPPORT PROGRAM PRIVACY Left Navigation Font: Helvetica or Arial Size: 8 PT Type Color: Grey
WITH ALL NAVIGATION UNDER HEADER EXAMPLE WEB PAGE WITH ALL NAVIGATION UNDER HEADER
WITH TOP AND LEFT SIDE NAVIGATION EXAMPLE WEB PAGE WITH TOP AND LEFT SIDE NAVIGATION