Header
Logo

It’s more than a circle.

It’s the face of our brand.

The icon in our iconic legacy.


Logo colors

Our logo is iconic. It connects past progress to today's thinkers and creators. Sustaining the power of the HP logo through consistent color, quality, and placement is everyone's responsibility.

Make the black version of the logo your first choice. Turn to the white logo for dark backgrounds that would eclipse the black logo. Always use the same color for type and logo -- black OR white.

Exclusively use the blue logo for corporate stand-alone instances, like building signage and stationery items.

In all cases, ensure the background contrasts crisply through the “HP” letters.


Size

Logo sizing is more art than science. It varies based on different aspects of your layout like dimensions andproportions. But it also involves other elements in use like type size, amont of copy, and amount of white space.

The logo should be easy to read but should not be too large and not too small. Appropriate size range varies for different layout proportions.

An initial logo size can be estimated by a percentage of the long edge of a layout:

  • Logos should not be smaller than 4% of a layout’s long edge.
  • 5–6% is a general minimum and good starting point for most layouts.
  • 10–16% is a general maximum.

When applied on it’s own (not within typical HP layout), the minimum print size recommended is 0.25” square or 6.35 mm square. And the minimum digital size recommended is 20 x 20 pixels at 72 ppi.


Clear space

Our logo sits comfortably, surrounded by even clear space. Provide equal amounts of clear space around the logo, measured by the layout margins.

This is the minimum amount of space the logo should have in relation to the edge of a layout. Add additional white space as need to optically correct for spaces that look or feel wrong.

When applied on it’s own (not within typical HP layout), keep the logo clear of competing text, images, and graphics.

  • In a typical layout, provide equal amounts of clear space around the logo.


Placement principles

The logo acts as punctuation, closing out the copy and design. If you place it in the corner of the layout, customers will naturally spot our HP brand time and time again.

Place the logo in the corner of the layout, so it follows the copy and signals the end of design. Your eye should draw an invisible vertical or horizontal line across the layout.

Ensure legibility. You want to spot HP easily without it shouting (it’s a friendly period, not an exclamation point). When imposed over a photo, the logo should never obscure products, people, or critical content.

  • Horizontally stacked layout

  • Vertically stacked layout


Do’s and don’ts

Our logo stands on its own — as an identifier. The logo must be readable. Its letters prominent and clear. Provide space behind the logo for effective contrast and breathing room.

The HP logo shouldn’t be placed into container shapes, altered or embellished in any way. It should only be used in the appropriate colors and never combined with other graphics. 

The following examples reflect only a handful of samples of how to use the HP logo.

Design

Do

Dont

Use the classic HP logo on all materials.

Don’t use the HP progress mark for marketing materials or general layouts.

HP Blue

Do

Dont

Only use HP blue on corporate stand-alone instances.

Don’t use HP blue for communications and marketing materials.

Placement

Do

Dont

Place the logo in the corner of the design, so it acts as punctuation.

Don’t float the logo between pieces of key information.

Space

Do

Dont

Give the logo equal amounts of clear space and breathing room.

Don’t place the logo too close to the edge or lose valuable white space.

Contrast

Do

Dont

Ensure proper logo contrast for crisp legibility.

Don’t allow an image to obscure or hide the logo.

Size

Do

Dont

Match the logo to the baseline and cap type height in the same container. If there is no type or container, match the height to another similarly sized object.

Don’t let the logo float without aligning it with the baseline and cap height.

  • Design

  • HP Blue

  • Placement

  • Space

  • Contrast

  • Size


Co-branding

We take pride in the strength of our partnerships. They enable us to expand offerings, enhance the customer experience, and ultimately drive revenue and greater brand relevance. 

To ensure that HP benefits fully from our ties with other brands, it’s essential that we clearly and appropriately communicate these associations.

Whenever possible, lead with the HP logo.

Include the word “with” between the HP and partner logo to indicate the association as a feature, not the focus.

When co-branding with more than one partner, feature the word “with” before the first partner logo. Then, add the other partner logos and apply vertical lines to separate them. 

Size

Do

Dont

Scale the partner logo to 85% of the HP logo and “with” to 75% the width of the HP logo.

If the partner logo is the same size as the HP logo, it will appear larger.

Space

Do

Dont

Set spacing between the HP logo, “with”, and partner logo at roughly 25% the width of the entire HP logo.

Don’t attempt to fit both logos and text too tightly within an area.

Placement

Do

Dont

Center partner logos and “with” vertically with the HP logo and horizontally across all elements.

Don’t stack the logos or leave “with” on its own line.

Video

Do

Dont

For videos, fit lockup into a ruled layout. If scale is an issue, create negative space and drop the logos down to the last line.

Don’t crowd the lockup on the same line as text or break the layout flow.

Photo Backdrop

Do

Dont

Place the logos as a visible signoff against the backdrop.

Don’t obstruct vital content or place the logos over the product.

Multiple logos

Do

Dont

Space partner logos with vertical lines.

Do not use “x” “—” or other graphics to separate multiple partner logos.

  • Size

  • Space

  • Placement

  • Video

  • Photo Backdrop

  • Multiple logos

Logo use requests

We typically do not allow third parties to use the HP brand or reference it. However, we do make rare exceptions to this policy when appropriate. All requests go through our standard review process.