Windows 7 Global Tool Kit
- No tags were found...
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
<strong>Windows</strong> 7<br />
<strong>Global</strong> <strong>Tool</strong> <strong>Kit</strong> Guidelines<br />
Microsoft Confidential<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 1
Campaign Voice<br />
The campaign will continue to use real people and the real things they say. So the voice is, by definition, very<br />
authentic and conversational. Not just the words–the sentiments as well. Never too slick or overly<br />
ad-like. Just simple, approachable, and honest (with a sense of humor, of course).<br />
The attitude of people in our campaign is humble, yet tongue-in-cheek. In some cases, even slightly<br />
awkward. After all, these are not actors or models. They’re real PC users engaged in activities from<br />
their everyday lives.<br />
1 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 2
Brand Platform<br />
When Microsoft made <strong>Windows</strong> 7, the first thing they did was listen. They listened to the millions of users who<br />
provided feedback. They listened to their own engineers. They listened to the guy on this very page.<br />
The result? A leaner, meaner, cleaner, easier, faster, and simpler <strong>Windows</strong>. One with hundreds of little<br />
improvements that add up to, frankly, a whole lot less. Less steps, less clutter, less interruptions, and less hassle.<br />
And with less of what people don’t need, <strong>Windows</strong> 7 enables PCs to help people do more. More work, more play,<br />
and more of everything in between.<br />
It’s the brainchild of a big group of people, millions and millions strong, who spoke up about what they wanted.<br />
And who can now proudly say, “I’m a PC and <strong>Windows</strong> 7 was my idea.”<br />
3 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 4
Typography<br />
5 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 6
SEGOE LIGHT<br />
Typography is the Visual<br />
Voice of the People Who<br />
Helped Create <strong>Windows</strong> 7.<br />
Our Typography is Clean,<br />
Simple and Inviting.<br />
ABCDEFGHIJKLMN<br />
OPQRSTUVWXYZ<br />
abcdefghijklmnopqrstu<br />
vwxyz 0123456789<br />
OUR VOICE<br />
Typography places a pivotal role in the success of our brand identity. The selection of fonts<br />
and how they’re used has a major visual impact.<br />
Our typography is clean, simple and inviting. It is both readable and distinctive.<br />
We have specifically picked Segoe Light and this is the only font that should be used. We<br />
also have a recommended set of sizes, spacings and alignments on the following pages.<br />
BELL MT (Punctuation)<br />
“ ” ‘ ’ ! , .<br />
PRIMARY FONT<br />
Segoe Light is clean, simple and friendly. The Segoe font family is the<br />
key font for <strong>Windows</strong>.<br />
Main headers must use Segoe Light. It is also used for all body copy.<br />
We use Bell MT for all punctuation in headlines and body copy.<br />
7 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 8
X<br />
X<br />
X<br />
1.75 X<br />
Headlines and Subheads<br />
cannot be set justified right.<br />
I asked for it to<br />
use less memory.<br />
Now it uses<br />
less memory.<br />
I’m a tech goddess.<br />
PCs run longer with <strong>Windows</strong> 7.<br />
PCs run longer with <strong>Windows</strong> 7.<br />
HEADLINES<br />
Should be initial caps and lowercase, set flush left<br />
and never flush right or centered.<br />
SUBHEADS<br />
2.5 X<br />
Should always be set in Segoe Light. They should also always<br />
be set at 1/2 the height of the headline, and flush left.<br />
Headlines and Subheads cannot<br />
be set centered or in all caps.<br />
I ASKED FOR IT TO<br />
USE LESS MEMORY.<br />
NOW IT USES<br />
LESS MEMORY.<br />
I’M A TECH GODDESS.<br />
PCS RUN LONGER WITH WINDOWS 7.<br />
9 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 10
Effect color is a rich black:<br />
C=70 M=65 Y=62 K=100<br />
Headline Shadow Effect<br />
To ensure readability, a shadow effect is applied to the placed headline file in InDesign<br />
using the Outer Glow setting. The box on the right shows an example of a good starting<br />
point for the settings in InDesign. Keep in mind that the effect may need to be adjusted<br />
depending on the image. It should be soft, subtle and not recognizable as a typical drop<br />
shadow. Reducing the opacity of the effect when it falls over lighter and brighter portions<br />
of an image is recommended.<br />
InDesign Transparency Effects Settings Panel<br />
Shadow effect applied CORRECTLY.<br />
Shadow effect applied INCORRECTLY.<br />
11 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 12
Approved Background<br />
The graded light green background is eye catching and gives the layout a feeling<br />
of lightness. It’s clean and inviting, which matches the font used in the campaign.<br />
The orientation of the background should have the darker green color starting at the<br />
top of the document and grading down to the lighter green toward the bottom.<br />
13 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 14
Logo Usage<br />
15 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 16
Correct Usage<br />
Color Usage<br />
Correct Lockup<br />
The <strong>Windows</strong> logo is easily one of the world’s most recognizable logos.<br />
There are some simple but important rules to follow.<br />
White logo used ONLY on black and white executions.<br />
The <strong>Windows</strong> flag always precedes the “<strong>Windows</strong> 7.” There should never<br />
be an instance where the flag, the “<strong>Windows</strong>,” or the “7” should be rearranged.<br />
All three elements should also remain connected together as one whole,<br />
and no one element should be resized.<br />
Incorrect Usage<br />
Do not switch order of <strong>Windows</strong> 7 and the flag.<br />
Do not use <strong>Windows</strong> 7 without the flag.<br />
Do not resize or enlarge the flag.<br />
17 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 18
Logo Usage<br />
and Photography<br />
The logo will always be placed over a photograph. So here’s what to<br />
keep in mind.<br />
For color photos, use the full-color flag logo with white <strong>Windows</strong> type.<br />
With black and white pictures, use the solid white flag logo with white<br />
<strong>Windows</strong> type.<br />
Always be sure to place the logo in the lower right hand corner of the<br />
photograph. Be sure the logo is legible.<br />
Full Page 4-color<br />
19 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 20
OOH Layout<br />
21 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 22
Portrait Executions Guide<br />
The portrait guide will be used for all media that requires portrait shaped creative.<br />
Grids Provide the<br />
Skeleton for Consistent<br />
and Effective Layouts.<br />
Grids are page architectures that provide the skeleton for consistent and effective<br />
print layouts. Having a library of page grids lets us focus on the content. This section<br />
illustrates grids and rules for four standard out-of-home sizes that will be used for<br />
<strong>Windows</strong> 7 “My Idea” print communications. By keeping the same proportions across<br />
all media landscapes, we will build a visual language that will be clear, consistent and quickly<br />
recognizable as our own.<br />
1/2 width of the image area<br />
determines the logo size.<br />
Instructions:<br />
1. Create guides that determine the vertical and horizontal center of the image.<br />
2. Position the bottom right hand corner of the <strong>Windows</strong> flag at the horizontal center. Use the height of the lowercase letters in<br />
“<strong>Windows</strong>” to determine spacing as shown for the right margin and bottom margin (“X”).<br />
3. Now that the logo size is set, we can use “X” as a unit of measurement.<br />
4. The headline should be vertically centered. *<br />
The headline size is determined by creating margins using the “X” unit of measurement.<br />
The left margin is equal to 2X. The right margin is equal to 3X.<br />
*<br />
If the subject of the image is obstructed when the headline is vertically centered, it can be shifted to accommodate.<br />
23 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 24
Square Executions Guide<br />
The square guide will be used for all media that requires square-shaped creative.<br />
Landscape Executions Guide<br />
The landscape guide will be used for all media that requires landscape-shaped creative.<br />
1/2 width of the image area<br />
determines the logo size.<br />
1/2 width of the image area<br />
determines the logo size.<br />
1/2 width of the image area<br />
determines the logo size.<br />
Instructions:<br />
1. Create guides that determine the vertical and horizontal center of the image.<br />
2. Position the bottom right hand corner of the <strong>Windows</strong> flag at the horizontal center. Use the height of the lowercase letters in<br />
“<strong>Windows</strong>” to determine spacing as shown for the right margin and bottom margin (“X”).<br />
3. Now that the logo size is set, we can use “X” as a unit of measurement.<br />
4. The headline should be vertically centered. * The headline size is determined by creating margins using the “X” unit of measurement.<br />
The left margin is equal to 2X. The right margin is equal to 3X.<br />
*<br />
If the subject of the image is obstructed when the headline is vertically centered, it can be shifted to accommodate.<br />
Instructions:<br />
1. Create guides that determine the vertical and horizontal center of the image.<br />
2. Position the bottom right hand corner of the <strong>Windows</strong> flag at the horizontal center. Use the height of the lowercase letters in<br />
“<strong>Windows</strong>” to determine spacing as shown for the right margin and bottom margin (“X”).<br />
3. Now that the logo size is set, we can use “X” as a unit of measurement.<br />
4. The headline should be vertically centered. The headline size is determined by creating margins using the “X” unit of measurement.<br />
The left margin on the headline panel is equal to 2X. For extra long layouts, the left margin is equal to 1X.<br />
The right margin on the headline panel is equal to 3X for all landscape executions.<br />
25 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 26
Headlines Around<br />
the World<br />
Here we see the “I’m a PC” headline translated into French and German.<br />
Each headline, even in a different language, still adheres to the design and layout<br />
principles mentioned earlier in the guide. Please see pages 21–25.<br />
English<br />
Moi je suis PC<br />
et <strong>Windows</strong> 7<br />
c’était mon idée.<br />
Ich bin ein PC<br />
und <strong>Windows</strong> 7<br />
war meine idee.<br />
French<br />
German<br />
27 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 28
Headline and Photo<br />
Usage: OOH<br />
I’M A PC AND WINDOWS 7 WAS MY IDEA.<br />
“I’m a PC and <strong>Windows</strong> 7 was my idea” is the universal headline of the campaign,<br />
and can be used with any photo.<br />
FEATURE HEADLINES<br />
Feature headlines tout a specific improvement or function of <strong>Windows</strong> 7.<br />
These lines cannot be used with just any photo. Each line must be paired with the<br />
appropriate photo.<br />
Accompanying this style guide is an image to line document that breaks down what<br />
photo should be used with each line.<br />
Note: Be sure to use the “Print” image to line document for all print executions, which<br />
is different from the “Digital” document.<br />
I’m a PC and <strong>Windows</strong> 7 was my idea.<br />
Feature headlines<br />
29 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 30
Creative Placement and Usage<br />
The campaign will be rolling out in two phases:<br />
From 10/22/09 –11/2/09, all of the ads will only contain the “I’m a PC and <strong>Windows</strong> 7 was my idea” headline.<br />
After 11/2/09, the ads will be a mixture of the “I’m a PC and <strong>Windows</strong> 7 was my idea” headlines, as well as the<br />
“Feature” headlines.<br />
The mixture of the ads will break down as follows:<br />
30% of the ads run will be “My Idea.”<br />
70% of the ads run will be “Feature.”<br />
Something to remember: Although 70% of the ads run during this phase of the campaign should be the<br />
“Feature” ads, if there is an instance of a media buy in fast traffic areas where a shorter headline makes<br />
more sense, the “My Idea” headlines are to be used instead.<br />
31 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 32
Digital Layout<br />
33 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 34
1. Photography<br />
2. Headline<br />
Design Elements<br />
All digital media will contain the following design elements:<br />
1. PHOTOGRAPHY<br />
The photography is always full color and should be used as shown. Only use assets provided for any<br />
My Idea digital media.<br />
3. Call-to-action button<br />
4. <strong>Windows</strong> 7 logo<br />
2. HEADLINE<br />
Headlines must be used as provided. If translations are required, use the<br />
guidelines to ensure that all<br />
text fits within the text area.<br />
3. CALL-TO-ACTION BUTTON<br />
4. WINDOWS 7 LOGO<br />
All My Idea digital media include a single call-to-action button. Use the provided<br />
call-to-action copy.<br />
If a new call-to-action is required, use the guidelines to ensure that all text fits<br />
within the text area.<br />
All My Idea digital media include the <strong>Windows</strong> 7 logo in a locked size and position.<br />
Do not move or change the size of the <strong>Windows</strong> 7 logo.<br />
5. Green background<br />
5. GREEN BACKGROUND<br />
For 728x90 executions, a green background is used on the left side of the banner,<br />
behind the headline. This format is only used for this specific size. Use only the<br />
assets provided for this size.<br />
35 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 36
Horizontal: 728x90<br />
364px width<br />
Full-bleed image<br />
1. Photography<br />
Photography is always full color and bleeds to the edge of media. Use only the assets provided<br />
when placing images. The photography will be cropped according to each size. Do not change<br />
the cropping of photography.<br />
Standard: 300x250<br />
Full-bleed image<br />
Vertical: 160x600<br />
37 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 38
Left margin = 15px<br />
Right margin = 35px<br />
2. Headline: I’m a PC<br />
The “I’m a PC” headline is in a fixed size and position and color. It should only be adjusted when a translation is<br />
necessary. When translating, ensure that all text fits within the specified text area. There should be no broken text or<br />
dashes, and each line should break with complete words intact.<br />
Top margin<br />
= 90px<br />
Minimum space<br />
between<br />
headline and<br />
button = 17px<br />
Text area<br />
250x105px<br />
Min character size:<br />
24pt Segoe Light<br />
27pt leading<br />
Max character size:<br />
26pt Segoe Light<br />
29pt leading<br />
39 <strong>Windows</strong> 7 Digital <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 Digital <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 40
2. Headline: I’m a PC cont’d<br />
160x600<br />
Left margin = 11px<br />
Right margin = 9px<br />
728x90<br />
Top margin<br />
= 265px<br />
Left margin = 17px<br />
Right margin = 25px<br />
Text area = 237w x 43h px<br />
Centered vertically<br />
Min character size:<br />
21pt Segoe Light<br />
25pt leading<br />
Max character size:<br />
26pt Segoe Light<br />
27pt leading<br />
Text area<br />
140x150px<br />
Max character size:<br />
22pt Segoe Light<br />
24pt leading<br />
Minimum space<br />
between<br />
headline and<br />
button = 17px<br />
Text area<br />
140x150px<br />
Min character size:<br />
20pt Segoe Light<br />
23pt leading<br />
41 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 42
Left margin = 15px<br />
Right margin = 50px<br />
2. Headline: Features<br />
The Features headline is in a fixed size and position and color. It should only be adjusted when a translation<br />
is necessary. When translating, ensure that all text fits within the text area. There should be no broken text or<br />
dashes, and each line should break with complete words intact.<br />
Top margin<br />
= 90px<br />
Minimum space<br />
between<br />
headline and<br />
button = 17px<br />
Text area<br />
245x113px<br />
Min character size:<br />
18pt Segoe Light<br />
20pt leading<br />
Max character size:<br />
20pt Segoe Light<br />
22pt leading<br />
43 <strong>Windows</strong> 7 Digital <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 Digital <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 44
2. Headline: Features cont’d<br />
160x600<br />
Left margin = 11px<br />
Right margin = 9px<br />
728x90<br />
Top margin<br />
= 250px<br />
Left margin = 17px<br />
Right margin = 25px<br />
Text area = 256w x 62h px<br />
Centered vertically<br />
Min character size:<br />
14pt Segoe Light<br />
16pt leading<br />
Max character size:<br />
18pt Segoe Light<br />
20pt leading<br />
Text area<br />
150x181px<br />
Max character size:<br />
22pt Segoe Light<br />
24pt leading<br />
Space between<br />
headline and<br />
button = 17px<br />
Text area<br />
150x181px<br />
Min character size:<br />
20pt Segoe Light<br />
22pt leading<br />
45 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 46
3. Call-to-Action Button<br />
Left margin = 10px<br />
Right margin = 10px<br />
All My Idea digital executions must include a call-to-action button that complies with the specifications shown<br />
here. The toolkit will provide the necessary text for the call to action. If different text is needed for the button,<br />
use the specs shown here to determine the size of the button and character.<br />
The call-to-action button must always appear in the position provided. It is always aligned flush left with the<br />
headline on 160x600 and 300x250, and aligned flush right with the <strong>Windows</strong> 7 logo on 728x90.<br />
Align<br />
Center text vertically in button.<br />
Minimum character size 11pt<br />
Maximum character size 13pt<br />
Align<br />
47 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 48
Logo size<br />
Logo position<br />
Logo width = 98px<br />
4. <strong>Windows</strong> 7 Logo<br />
The <strong>Windows</strong> 7 logo must always appear at the provided size and position. The background behind the logo<br />
should have sufficient contrast to ensure logo legibility.<br />
Right margin = 10px<br />
Bottom margin = 10px<br />
49 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 50
Left margin = 11px<br />
Right margin = 9px<br />
Execution Guide: Portrait Layout<br />
Text area (I’m a PC)<br />
150x181px<br />
Min character size:<br />
20pt Segoe Light<br />
23pt leading<br />
Max character size:<br />
23pt Segoe Light<br />
27pt leading<br />
Text area (Features)<br />
150x181px<br />
Min character size:<br />
20pt Segoe Light<br />
23pt leading<br />
Max character size:<br />
22pt Segoe Light<br />
24pt leading<br />
The sizes specified in this guide represent the majority of units to be executed. If additional sizes need to be<br />
created, follow the steps below as well as the specs shown on the left.<br />
1. Determine the vertical height of the unit, and multiply this by .23. Use this number as<br />
the bottom margin. Place the call-to-action along the top edge of this margin.<br />
2. Place the text area box 17 pixels above the call-to-action button, and align flush left.<br />
3. Follow the text specifications shown here when applying the appropriate headline.<br />
4. Choose the appropriate full-bleed image and crop as provided.<br />
5. Place the <strong>Windows</strong> 7 logo in the top right corner using specifications from the<br />
<strong>Windows</strong> 7 logo usage page.<br />
Bottom margin=<br />
vertical height<br />
of unit x .23<br />
51 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 52
Left margin = 15px<br />
Text area (Features)<br />
245x113px<br />
Min character size:<br />
18pt Segoe Light<br />
20pt leading<br />
Max character size:<br />
20pt Segoe Light<br />
22pt leading<br />
Execution Guide: Standard Layout<br />
Minimum space<br />
between<br />
headline and<br />
button = 17px<br />
Text area (I’m a PC)<br />
250x105px<br />
Min character size:<br />
24pt Segoe Light<br />
27pt leading<br />
Max character size:<br />
26pt Segoe Light<br />
29pt leading<br />
53 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 54
Left margin = 17px<br />
Text area<br />
centered vertically<br />
Right margin = 25px<br />
Execution Guide: Horizontal Layout<br />
The sizes specified in this guide represent the majority of units to be executed. If additional sizes need to be<br />
created, follow the steps below as well as specs shown at left.<br />
1. Determine the horizontal width of the unit, and multiply this by .5. This will split the<br />
unit in half. The<br />
right side of the unit will contain the full-bleed image, and the left side will contain<br />
the provided green gradient background.<br />
Text area (I’m a PC)<br />
237w x 43h px<br />
Min character size:<br />
21pt Segoe Light<br />
25pt leading<br />
Max character size:<br />
24pt Segoe Light<br />
27pt leading<br />
Text area (Features)<br />
256w x 48h px<br />
Min character size:<br />
14pt Segoe Light<br />
17pt leading<br />
Max character size:<br />
15pt Segoe Light<br />
18pt leading<br />
Image area=<br />
width of unit x .5<br />
2. Place the <strong>Windows</strong> 7 logo in the top right corner using specifications from the<br />
<strong>Windows</strong> 7 logo usage page.<br />
3. Place the call-to-action button in the bottom right of the layout using same margins<br />
as specified for the<br />
<strong>Windows</strong> 7 logo, aligning the button flush right with the logo.<br />
4. Follow the text specifications shown here when applying the appropriate headline.<br />
5. Choose the appropriate full-bleed image and crop as provided.<br />
55 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 56
Don’ts<br />
To maintain a cohesive visual language across all formats, sizes and media, the guidelines must be strictly followed.<br />
Below are some examples of what not to do when adapting the media to your specific market.<br />
Don’t rearrange the layout elements<br />
Don’t change the button styles<br />
Don’t remove layout elements<br />
Don’t remove layout elements<br />
Don’t use the green background<br />
in non-horizontal layouts<br />
Don’t change the size, crop or<br />
color of the photography<br />
Don’t place type outside of text area<br />
or larger/smaller than specified<br />
Don’t use photography other<br />
than the provided assets<br />
57 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 58
Headline and<br />
Photo Usage: Digital<br />
I’M A PC AND WINDOWS 7.<br />
“I’m a PC and <strong>Windows</strong> 7 was my idea” is the universal headline of the campaign,<br />
and can be used with any photo.<br />
FEATURE HEADLINES<br />
Feature headlines tout a specific improvement or function of <strong>Windows</strong> 7.<br />
These lines cannot be used with just any photo. Each line must be paired with the<br />
appropriate photo.<br />
Accompanying this style guide is an image to line document that breaks down<br />
what photo should be used with each line.<br />
Note: Be sure to use the “DIGITAL” image to line document for all digital executions,<br />
which is different from the “PRINT/OOH” document.<br />
59 <strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009<br />
<strong>Windows</strong> 7 <strong>Global</strong> <strong>Tool</strong>box Guidelines // Version 3 // October 21, 2009 60