Inifiniti Comp Style Guide V2

User Manual:

Open the PDF directly: View PDF PDF.
Page Count: 11

© 2017 Autodata Solutions, Inc. / Autodata Solutions Company This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata Solutions
immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
Inniti Competitive Compare
Prepared by Autodata Solutions
Created Date: 07/19/2017
Style Guide/ Version 2.0
Created Date: 07/19/2017 | Modied: July 25, 2017 4:04 PM | Version: 2.0 |
© 2017 Autodata Solutions, Inc. / Autodata Solutions Company
Page / 2
Inniti Competitive Compare
This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata
Solutions immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
Table of Contents ................................................................................2
1.0 Overall size .................................................................................3
1.1 Tile size .......................................................................................4
2.0 Select Your Trim Dropdown.....................................................5
3.0 Compare Results ......................................................................6
3.1 Compare Results - change .......................................................7
3.2 Compare Results - select vehicle .............................................8
4.0 Information Overlays ................................................................9
5.0 Large Image Overlay .............................................................. 10
5.1 Small Image Overlay .............................................................. 11
Table of Contents
Created Date: 07/19/2017 | Modied: July 25, 2017 4:04 PM | Version: 2.0 |
© 2017 Autodata Solutions, Inc. / Autodata Solutions Company
Page / 3
Inniti Competitive Compare
This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata
Solutions immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
1.0 Overall size - Select Your Vehicle
56
1280
1683
Subtitle
font: Inniti Brand
Light 18pt. #000000
centered on 1280px
Main title
font: Inniti Brand
Light 38pt. #000000
centered on 1280px
Static Header
Static Footer
323256
60
56
60
The overall size of the page is 1280 x 1683. The Header and
Footer are static.
Created Date: 07/19/2017 | Modied: July 25, 2017 4:04 PM | Version: 2.0 |
© 2017 Autodata Solutions, Inc. / Autodata Solutions Company
Page / 4
Inniti Competitive Compare
This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata
Solutions immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
2017
font: Inniti Brand Reg. 14pt.
centered #000000
Car image
size: 324 x 164px
centered on 368px
Starting At text
font: Inniti Brand Reg. 12pt.
#b2b2b2 grey
centered on 368px
32
22 22
368
32
32
32
32
420
1.1 Tile size
Each tile size is 368 x 420pxls. Each tile has a 2pxl grey #f1f1f1
outline around the edge centered on 368pxls.
For the “Select Your Trim” dropdown the size of the drop-
down header is 324 x 40pxl with a 2pxl outline #d9d9d9 grey
color.
Main title
font: Inniti Brand Bold 20pt.
centered on 368px #000000
Price text
font: Inniti Brand Reg. 24pt.
centered on 368px #000000
Select text
font: Inniti Brand Bold 12pt.
centered on 324px #000000
Created Date: 07/19/2017 | Modied: July 25, 2017 4:04 PM | Version: 2.0 |
© 2017 Autodata Solutions, Inc. / Autodata Solutions Company
Page / 5
Inniti Competitive Compare
This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata
Solutions immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
324
40
412
2.0 Select Your Trim Dropdown size
Each dropdown size is 324 x 412pxls. Each dropdown has a
2pxl grey #d9d9d9 outline around the edge.
Main title
font: Inniti Brand Bold 12pt.
with 16pxl padding top and bottom
centered on 324px #
Subtitles
font: Inniti Brand Bold 12pt.
with 24pxl padding left and right
30 pxl padding on top
#000000
Text as list
font: Inniti Brand Reg. 12pt.
with 24pxl padding left and right
and 30pxl padding on bottom
#666666
Created Date: 07/19/2017 | Modied: July 25, 2017 4:04 PM | Version: 2.0 |
© 2017 Autodata Solutions, Inc. / Autodata Solutions Company
Page / 6
Inniti Competitive Compare
This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata
Solutions immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
3.0 Compare Results
Top Nav
size: 156 x 45px
Primary container
size: 1200 x 518px #f1f1f1
Year/Make
Inniti Brand Reg. 28pt.
#000000 with 28px pad top &
left
Model
Inniti Brand Bold 44pt.
Large Car Image
size: 280x141
Small Car Image
size: 144x72
Secondary container
size: 500 x 424px # white
Pricing Bar
size: 1200 x 54px #f1f1f1
Text Inniti Brand Reg. 22pt.
with 20px pad top and bottom
and 40px left
Change btn
size: 122x30px #f1f1f1
Text Inniti Brand reg. 22pt.
Text
Inniti Brand Reg. 14pt.
#000000
4px space
Compare container
x 3
size: 210x424
#
New Compare btn
size: 240x30
#000000
Color Picker dropdown
size: 65x30
Request Quote btn
size: 154x30px
Build btn
size: 114x30px
#000000 with 1px
outline #666666
font Inniti Brand Reg.
12pt. #
Expand/Collapse
size: 160 x 30px
#000000
font: Inniti Brand Reg.
38pt. #
Text
Inniti Brand Reg. 12pt.
#666666
14 14 14
32
32
100
40
58
24
The overall size of the page is 1280 x 2426. The Header and
Footer are static.
The overall size of the page is 1280 x 2426. The Header and
Footer are static.
Created Date: 07/19/2017 | Modied: July 25, 2017 4:04 PM | Version: 2.0 |
© 2017 Autodata Solutions, Inc. / Autodata Solutions Company
Page / 7
Inniti Competitive Compare
This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata
Solutions immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
3.1 Compare Results - change
Select text
Inniti Brand Reg. 18pt.
#000000
Exit symbol
Inniti Brand Reg. 18pt.
#000000
Model/Year dropdown
size: 160x28 #
2px outline #d9d9d9
Inniti Brand Reg. 12pt.
#6d6e71
Trim text
Inniti Brand Bold. 12pt.
#000000
28
20
20
The overall size of the overlay is 500x424.
Created Date: 07/19/2017 | Modied: July 25, 2017 4:04 PM | Version: 2.0 |
© 2017 Autodata Solutions, Inc. / Autodata Solutions Company
Page / 8
Inniti Competitive Compare
This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata
Solutions immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
3.2 Compare Results - select vehicle
Select text
Inniti Brand Bold 12pt.
#000000
Vehicle text
Inniti Brand Reg. 22pt.
#000000
The overall size of the overlay is 210x424.
Created Date: 07/19/2017 | Modied: July 25, 2017 4:04 PM | Version: 2.0 |
© 2017 Autodata Solutions, Inc. / Autodata Solutions Company
Page / 9
Inniti Competitive Compare
This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata
Solutions immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
4.0 Information overlays
Select text
Inniti Brand reg. 12pt.
# with #666666 box
color
Legal Disclaimer title
Title: Inniti Brand reg. 38pt.
#000000
Exit symbol
Inniti Brand reg. 20pt.
#000000
The overall size of the lock overlay is 284x78.
The overall size of the info overlay is 494x106.
The overall size of the advantage overlay is 298x106.
The overall size of the disclaimer overlay is centered on
1280px
Created Date: 07/19/2017 | Modied: July 25, 2017 4:04 PM | Version: 2.0 |
© 2017 Autodata Solutions, Inc. / Autodata Solutions Company
Page / 10
Inniti Competitive Compare
This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata
Solutions immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
5.0 Large Image overlay
Subtitle text
Inniti Brand reg. 18pt.
#000000
Title text
Inniti Brand bold 24pt.
#000000
Image size
682x450
Exit symbol
Inniti Brand reg. 28pt.
#000000
The overall size of the large image overlay is centered on
1280px.
Created Date: 07/19/2017 | Modied: July 25, 2017 4:04 PM | Version: 2.0 |
© 2017 Autodata Solutions, Inc. / Autodata Solutions Company
Page / 11
Inniti Competitive Compare
This document contains condential and/or privileged information. If you are not the intended recipient (or have attained this document by error) please notify Autodata
Solutions immediately and destroy this document. Any unauthorized copying, disclosure or distribution of this material is strictly forbidden.
5.1 Small Image overlay
Title text
Inniti Brand reg. 24pt.
#000000 with 42px pad left
Select text
Inniti Brand reg. 12pt.
#000000
Exterior/Interior btn
size: 114x30
exterior-Inniti Brand reg.
12pt. # ll with 2 px
#000000 outline
interior- Inniti Brand reg.
12pt. # and btn color
#000000
Image size
212x140
Image size
92x60
14
14
1414
28
30
68 38
The overall size of the small image overlay is 1200x320px

Navigation menu