08.03.2018 Views

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

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!