Академический Документы
Профессиональный Документы
Культура Документы
style guide
January 2013
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Our PowerPoint template gives you everything you
need to create clear and effective presentations free
of unwanted clutter.
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
HP Experience elements
Visit the Experience Center for more information
hp.com/go/hpexperience
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
HP Experience platform
4 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Our voice
5 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Our new look
At HP, we are like no other. Our color blue, logo, typography and imagery are courageous,
personal and bright. They reflect our personality, represent everything we are as one HP
and differentiate us from the competition. Blue is our hero—to be called out and called
upon—in visual communications and anywhere the image and voice of the HP brand makes
its presence known.
6 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Color
Primary Neutral Accent
• Color is a powerful tool that is central to the
HP Experience and also creates an opportunity
to establish hierarchy.
• There are three types of color: primary, neutral
and accent.
• Colors should be used consistently.
• Never use the default PowerPoint theme colors
or any colors that are not part of the approved
HP theme color palette.
7 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Color
Primary colors
HP blue and white are the two primary colors. They signal one HP and are to be used in most
communications.
• Use HP blue and white in headlines and backgrounds as well as in icons and charts.
• HP blue is unique to HP and is bright, bold and courageous.
Neutral colors
Neutral colors can be used for pacing, text, headlines, backgrounds and content in information
graphics.
• Medium gray can also be used effectively in headlines as an alternative to HP blue and black.
• Light gray is not recommended for use in any text (headline, subhead or body copy) because it creates
problems with legibility.
• Black can be used in headlines, subheads and body copy. Black is never to be used as a background color.
8 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Color
Accent colors
Use the accent colors to add a dash of color to complement the primary and secondary colors.
• Use accent colors sparingly.
• Do not mix accent colors together, as that goes against our visual identity system.
• Do not use color gradations; use only tints of colors as specified in the information graphics guidelines.
• Do not use orange for information graphics.
9 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Color
Specifications
Primary Neutral Accent
HP blue White Black Dark gray Medium gray Light gray Orange Purple Green
R=0 R = 255 R=0 R = 135 R = 185 R = 229 R = 240 R = 130 R=0
G = 150 G = 255 G=0 G = 137 G = 184 G = 232 G = 83 G = 41 G = 139
B = 214 B = 255 B=0 B = 139 B = 187 B = 232 B = 50 B = 128 B = 43
10 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Font
Typography plays an important role in our brand expression. It is an integral part of the way
we communicate, which is with a courageous, personal and bright voice. Our system uses a
custom-designed, proprietary typeface called HP Simplified. We use HP Simplified globally and
across all communications. If HP Simplified is not available in your local language, then refer to
the alternate language font plan within the typography guidelines on the HP Experience Center.
11 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Font
12 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Font
HP Simplified is our proprietary font. We primarily use the upright font style and
only use italics for emphasis.
13 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Imagery
HP imagery captures real-life moments—the ones that happen every day and illustrate the
authenticity of our brand. These moments are simple, human and connective. The subject
matter of our imagery works with our expression drivers, and focuses on people, action and
advancement. Always use HP imagery purposefully and in combination with typography and
color to create an authentic story.
Our imagery is editorial in style, with a focus on the underlying fabric of life that connects HP with
the world. Our imagery is not literal. It is representative, reflecting who we are and the benefits of
our connection to the world.
14 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Imagery
Editorial
• Our imagery captures real moments, with
real people in real situations.
• Show people as part of the story and involved in a
purposeful way.
• Show the diversity of our culture and the world.
• When using images with white backgrounds,
add a light gray-to-white tonal background for
depth of field.
• Use authentic scenes.
15 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Imagery
Composition
Our imagery is composed in natural,
authentic ways.
• Capture, don’t stage, the moment.
• Be clear about the subject matter or story.
• Use a single, dynamic point of view.
• Allow for depth of field and white space.
• Use simple, clean backgrounds and avoid clutter.
• Use cropping and positioning to create a
dynamic composition.
16 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Imagery
Lighting
Our imagery uses bright and natural lighting.
• Keep it fresh and optimistic in tone.
• Keep imagery sharp and in high definition.
• Do not use dark, moody or contrived lighting.
17 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
HP PowerPoint
template information
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Template versions
19 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Presentation confidentiality
Amend the copyright footer of your presentation per the parameters below.
HP Confidential:
Information intended only for a limited audience. Includes most information relating to HP projects, technical data, HP research and
development, prices paid by HP, and most product or plan data. HP Confidential information should be distributed using good business
judgment, and may be limited to people or entities having a need to know the information.
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. HP Confidential.
HP Restricted:
Information which is intended for widespread distribution within HP and to those having site access or access to HP’s computer systems.
Includes most org. charts, phone lists, cubicle maps and information formerly classified as “HP Proprietary” or “HP Internal Use Only.”
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. HP Restricted.
HP Private:
Information meeting the definition of HP Private. HP Vice Presidents or other functional owners of HP Private information have certain
responsibilities for complying with information security for HP Private, and they may not delegate these responsibilities, i.e., they are
responsible for loss or mishandling by their personnel. HP Private information must be handled so as to ensure access only by a list of
individuals maintained by the Vice President or other functional owner of the information, e.g., through secure communications and
authentication in the case of electronically posted information.
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice. HP Private.
For internal use only:
http://legal.hp.com/legal/pages/labels.aspx
http://legal.hp.com/contents/legal/files/chart.pdf
20 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Presentation confidentiality
How to update the footer
Per your presentation confidentiality,
update the footer accordingly
• Selecting “View” > “Slide Master” > Go to the first
slide of the master > Click on the footer text to edit
> Add “HP Confidential” or “HP Restricted” to the
end of the footer language.
• Do not modify the footer in any other way.
21 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
How to find the PowerPoint templates
22 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Transitioning old presentations into this template
23 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Presentation text
• Type should be primarily black. Use only these • Use bold, italic or blue to emphasize body text.
theme color choices for text: HP blue, white and Do not underline.
black. Dark gray can also be used for copyright • Line spacing across the body content is set at:
footer information and legal copy in small type.
– Before 0 pt, after 4 pt.
• Use only the theme font: HP Simplified.
– Line spacing: single
• Headlines are HP Simplified bold at 28 pt.
– Special/Hanging: none
• Subtitles are HP Simplified regular at 18 pt.
• Do not create new text boxes. Copy and paste the
• Body text size ranges from 11 pt. to 18 pt. in slide layout text box to add extra text boxes. This
HP Simplified regular or bold. helps to maintain proper template formatting.
• In general, do not use font sizes smaller than
10 pt. to maintain legibility.
• Use sentence case at all times.
24 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Bullets
25 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Iconography and information graphics
Use extra care when selecting iconography and using information graphics to ensure that they
are aligned with the HP Experience.
• Refer to the iconography and information graphic guidelines on the HP Experience Center.
• Use only the approved HP colors: HP blue, white, black, dark gray or medium gray.
• Be sure artwork does not contain special effects of any kind including gradients, shadows, reflections, etc.
• Be sure artwork is flat in color.
• Use a style that is clean, clear and bold.
• Do not use overly detailed artwork.
26 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Special effects
Special effects are not allowed anywhere in a presentation. These include shadows, gradients,
bevels, rules, reflections and glowing edges.
27 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Shapes and graphics
Use only standard PowerPoint squares, circles, arrows and shapes. Although these shapes
may seem very basic, they bring clarity and contribute to a more effective presentation of
the HP Experience.
• Refer to the iconography and information graphic guidelines on the HP Experience Center.
• Do not use multidimensional or unusual PowerPoint shapes of any kind.
• When using shapes within a slide, use only the approved theme colors.
28 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Charts and graphs
When creating new data or inserting it into a • Do not use any special effects.
chart or graph, select the default grayscale • Do not use any angles or sharp edges.
chart from the theme color default. • Keep charts and graphs flat and non-dimensional.
Using the preset charts in the template will
ensure proper alignment and consistency.
Use only the gray/percentage of black chart
styles with HP blue to highlight key information.
• Highlight key information in HP blue or a single
accent color from the Theme Colors.
• Do not use color gradients in charts or graphs.
• Do not use multiple accent colors. Refer to the
iconography and information graphic guidelines
on the HP Experience Center.
29 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Pie chart sample
58%
23%
30 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Bar chart sample
Data may vary, but only use HP blue, one accent color and the permitted values of black.
5
0
2007 2008 2009 2010 2011
31 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Line chart sample
Data may vary, but only use HP blue, one accent color and the permitted values of black.
5
0
2007 2008 2009 2010 2011
Accent color Value of black HP blue / 14 pt. HP Simplified
32 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Flow chart style
Box size and quantity may vary, but colors must be maintained.
12 pt. bold 12 pt. bold 12 pt. bold 12 pt. bold 12 pt. bold
HP Simplified HP Simplified HP Simplified HP Simplified HP Simplified
33 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Chart style with bulleted copy
Box size and quantity may vary, but colors must be maintained.
• Demo name, Demo number • Demo name, Demo number • Contact your sales rep
• 11 pt. HP Simplified • 11 pt. HP Simplified • Visit the website/Facebook/Twitter at:
<insert URL here>
• Demo name, Demo number • Demo name, Demo number
• Download the whitepaper at:
<insert URL here>
Your feedback is important to us. Please take a few minutes to complete the session survey.
34 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Improper use of charts
Do not use orange on charts or graphs. Do not use 3D or special effects on charts or graphs.
35 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Improper use of charts
Do not use 3D or shadows, or reflection effects for charts Do not use different shades of blue in tables.
or graphs.
36 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Tables
37 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Table style
38 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Organization chart style (condensed)
Box size and quantity may vary, but colors must be maintained.
Insert Name
Title goes here (12 pt. HP Simplified)
This level is all the 11 pt. This level is all the 11 pt. This level is all the
same color HP Simplified same color HP Simplified same color
Insert Name Insert Name Insert Name 11 pt. Insert Name
Title Goes Title Goes Title Goes HP Simplified Title Goes
Here Here Here Here
39 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Organization chart style (expanded)
Box size and quantity may vary, but colors must be maintained.
Insert Name
Title goes here (12 pt. HP Simplified)
This level is all 11 pt. This level is all This level is all 11 pt. This level is all
the same color HP Simplified the same color the same color HP Simplified the same color
Insert name 11 pt. Insert name Insert name 11 pt. Insert name
Title here HP Simplified Title here Title here HP Simplified Title here
Insert name 11 pt. Insert name Insert name 11 pt. Insert name
Title here HP Simplified Title here Title here HP Simplified Title here
Insert name 11 pt. Insert name Insert name 11 pt. Insert name
Title here HP Simplified Title here Title here HP Simplified Title here
Insert name 11 pt. Insert name Insert name 11 pt. Insert name
Title here HP Simplified Title here Title here HP Simplified Title here
Insert name 11 pt. Insert name Insert name 11 pt. Insert name
Title here HP Simplified Title here Title here HP Simplified Title here
40 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Slide layouts
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title slides
The PowerPoint title slide creates the first impression, so it is important that the title is clear and
our logo is present. Two solid backgrounds are provided: blue or white.
• Line spacing of title slides “Title”:
Before 0 pt., After 0 pt., Line spacing: Multiple at 9 pt., Special/Hanging: none
• Line spacing of title slides “Subtitle”:
Before 0 pt., After 4 pt. , Line spacing: Single, Special/Hanging: none
42 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title slide imagery
43 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Divider slides
Divider slides provide a natural break to help your audience transition from one section to the
next. Be sure to break down larger subjects into manageable sections that are easier to
comprehend. Two solid backgrounds are provided for divider slides: blue or white.
• Line spacing of divider slides “Title”:
Before 0 pt., After 0 pt., Line spacing: Multiple at 9 pt., Special/Hanging: none
44 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Divider slide imagery
45 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Slide background images
How to apply individual slide background images and graphics
Hide background graphics How to insert a slide background image
• Use this so the master slide graphics • Right-click on the slide background, select
do not overlap or conflict with the new “Format background”, then “Picture or
slide graphic. texture fill.”
• Use this when applying images to title slides. • Under “Insert from”, select “File” to select
• Right-click on the slide background, an image from your computer; this will fit
select “Format background”, then “Hide the image to the slide.
background graphics.”
46 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Content slides
47 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
“Insert quote here”
(40 pt. HP Simplified bold)
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title only (28 pt. HP Simplified bold)
This slide is for use with large visuals only
49 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title (28 pt. HP Simplified bold)
Subtitle (18 pt. HP Simplified)
Heading (18 pt. HP Simplified bold HP blue)
Body copy (16 pt. HP Simplified)
• Put your first-level bullet here. Try to keep bullet lists simple. (14 pt. HP Simplified)
– Put your second-level bullet here. Use no more than you need to explain your point.
(14 pt. HP Simplified)
• Put your third-level of copy here. Use no more than you need to explain your point.
(14 pt. HP Simplified)
50 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title (28 pt. HP Simplified bold)
51 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title (28 pt. HP Simplified bold)
Subtitle (18 pt. HP Simplified)
• Put your first-level bullet here. Try to keep bullet lists simple. (14 pt. HP Simplified)
– Put your second-level bullet here. Use no more than you need to explain your point.
(14 pt. HP Simplified)
• Put your third-level of copy here. Use no more than you need to explain your point.
(14 pt. HP Simplified)
– Put your fourth-level of copy here. Use no more than you need to explain your point.
(14 pt. HP Simplified)
• Put your fifth-level of copy here. Use no more than you need to explain your point.
(14 pt. HP Simplified)
52 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title (28 pt. HP Simplified bold)
Subtitle (18 pt. HP Simplified)
Heading (18 pt. HP Simplified bold Heading (18 pt. HP Simplified bold
HP blue) HP blue)
Body copy (16 pt. HP Simplified) Body copy (16 pt. HP Simplified)
• Put your first-level bullet here. • Put your first-level bullet here.
(14 pt. HP Simplified) (14 pt. HP Simplified)
– Put your second-level bullet here. – Put your second-level bullet here.
(14 pt. HP Simplified) (14 pt. HP Simplified)
• Put your third-level of copy here. • Put your third-level of copy here.
(14 pt. HP Simplified) (14 pt. HP Simplified)
53 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title (28 pt. HP Simplified bold)
Heading (18 pt. HP Simplified bold Heading (18 pt. HP Simplified bold
HP blue) HP blue)
Body copy (16 pt. HP Simplified) Body copy (16 pt. HP Simplified)
• Put your first-level bullet here. • Put your first-level bullet here.
(14 pt. HP Simplified) (14 pt. HP Simplified)
– Put your second-level bullet here. – Put your second-level bullet here.
(14 pt. HP Simplified) (14 pt. HP Simplified)
• Put your third-level of copy here. • Put your third-level of copy here.
(14 pt. HP Simplified) (14 pt. HP Simplified)
54 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title (28 pt. HP Simplified bold)
Subtitle (18 pt. HP Simplified)
Heading (18 pt. HP Simplified bold
HP blue)
Body copy (16 pt. HP Simplified)
• Put your first-level bullet here.
(14 pt. HP Simplified)
– Put your second-level bullet here.
(14 pt. HP Simplified)
• Put your third-level of copy here.
(14 pt. HP Simplified)
55 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title (28 pt. HP Simplified bold)
56 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title (28 pt. HP Simplified bold)
Subtitle (18 pt. HP Simplified)
Heading (18 pt. HP Heading (18 pt. HP Heading (18 pt. HP
Simplified bold HP blue) Simplified bold HP blue) Simplified bold HP blue)
Body copy Body copy Body copy
(16 pt. HP Simplified) (16 pt. HP Simplified) (16 pt. HP Simplified)
• 14 pt. HP Simplified • 14 pt. HP Simplified • 14 pt. HP Simplified
– 14 pt. HP Simplified – 14 pt. HP Simplified – 14 pt. HP Simplified
• 14 pt. HP Simplified • 14 pt. HP Simplified • 14 pt. HP Simplified
57 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Title (28 pt. HP Simplified bold)
58 © Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
For more information and updates,
visit the Experience Center
hp.com/go/hpexperience
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.
Thank you
© Copyright 2013 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice.