26
BRAND STYLE GUIDELINES VERSION 2 | 1.4.2017 © 2017 Impinj, Inc. All rights reserved.

BRAND STYLE GUIDELINES - nwlink.com

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES

VERSION 2 | 1.4.2017 © 2017 Impinj, Inc. All rights reserved.

Page 2: BRAND STYLE GUIDELINES - nwlink.com

Contents

BRAND STYLE GUIDELINES / 2

Impinj logo

Program logos

Product lock-ups

Color

Typography

Photography

Iconography

Product graphic assets

Weave pattern

Examples

Assets and resources

Our visual elements express our brandThese guidelines provide an overview of how we use visual identity to

express the value of the Impinj Brand. These elements unite the things we

o�er, the stories we tell and the promises we make.

For all visual identity assets, contact: [email protected]

3

5

5

6

11

12

15

16

18

21

26

Page 3: BRAND STYLE GUIDELINES - nwlink.com

Impinj logoStandard - two color

BRAND STYLE GUIDELINES / 3

The Impinj logo is simple, modern, and recognizable. It makes a bold impression while aligning visually to the concept of a connected, digital world.

There is a variety of o�cial logo marks available based on execution type, media, and presentation scenario.

Please follow these guidelines to comply with required logo usage standards.

Our two color logo is our default brand mark and should be used as primary and whenever possible. It should only be placed on a white or light colored background.

Gray - one colorWhen a second ink color isn’t available, you may print the logo in gray. It should only be placed on a white or light colored background.

White - one colorWhere contrast is limited, the white reversed logo may be used on top of brand color or image. The white logo should only be used when design conditions impede the use of the primary standard logo.

Page 4: BRAND STYLE GUIDELINES - nwlink.com

Logo usage

BRAND STYLE GUIDELINES / 4

The Impinj logo is used across media in a variety of marketing materials and presentations. Please ensure that the mark is used properly by following these usage guidelines.

Clear spaceWe respect our logo by giving it some breathing room. The minimum clear space around the logo is equivalent to twice the width of the ‘I’ character.

PlacementLogo placement is dictated by the areas of a composition that provide ideal readability and contast. Observe the clear space rules and attampt to allign the logo to a typographic grid.

Never alter the orginal logo artwork, including new colors, proportions or e�ects

Do not place logo over busy background

elements or images

DIGITAL LIFE FOR EVERYDAY ITEMS

Minimum clearspace is 2x width of ‘I’

Allow for clear space around edges of logoEnsure proper contrast

with background colors

Page 5: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 5

Program logosProgram logos are available to partners who wish to be involved in the Impinj ecosystem and/or participate in chan-nel partnership opportunities. These logo “badge” assets can be displayed independantly or as part of a lock-up to show participation in our programs.

Product lock-upsWe have created o�cial product lock-up logo assets available for use in the required product marketing communications channels.

*Full collection of product lock-ups not shown

xSPAN

INDYMONZA

The same logo usage guidelines apply for these assets as with the Impinj logo.

Page 6: BRAND STYLE GUIDELINES - nwlink.com

Pantone: 7544 c

C: 57 M: 41 Y: 34 K: 4

R: 119 G: 134 B: 146

HEX: 778692

Pantone: 7542 c

C: 36 M: 18 Y: 18 K: 0

R: 166 G: 187 B: 195

HEX: a6bbc3

Pantone: 7541 c

C: 13 M: 7 Y: 8 K: 0

R: 218 G: 223 B: 225

HEX: dadfe1

R: 234 G:239 B:242

C: 7 M:3 Y:3 K:0

HEX: eae�2

Pantone: Red 032 c

C:0 M: 93 Y:76 K:0

R: 247 G: 50 B: 63

HEX: f7323f

Pantone: Cool gray 10 c

C: 61 M: 52 Y: 48 K: 19

R: 100 G: 101 B: 105

HEX: 646569

Blue + Teal palette range

Cool Gray palette range

Impinj logo colors

Red value only for use for accent color. Should not be used as a primary color for graphics.

Color

BRAND STYLE GUIDELINES / 6

There is an impactful, flexible set of color values available as part of the Impinj brand design system. The palette ranges are formulated to work together and integrate with other visual elements to project a consistent brand character and memorable aesthetic.

Pantone: 3272 c

C: 80 M: 14 Y: 44 K: 1

R: 0 G: 161 B: 155

HEX: 00a19b

Pantone: 3282 c

C: 86 M: 30 Y: 54 K: 8

R: 0 G: 131 B: 123

HEX: 00837b

Pantone: 314 c

C: 87 M: 41 Y: 22 K: 1

R: 0 G: 124 B: 164

HEX: 007da4

Pantone: 7463 c

C: 100 M: 81 Y: 43 K: 44

R: 0 G: 43 B: 73

HEX: 002b49

Pantone: 310 c

C: 53 M: 0 Y: 11 K: 0

R: 103 G: 207 B: 223

HEX: 67cfe3

Pantone: 3252 c

C: 65 M: 0 Y: 29 K: 0

R: 28 G: 207 B: 201

HEX: 1ccfc9

Pantone: 312 c

C: 75 M: 14 Y: 11 K: 0

R: 0 G: 167 B: 206

HEX: 00a7ce

Pantone: 311 c

C: 69 M: 0 Y: 11 K: 0

R: 0 G: 193 B: 222

HEX: 00c1de

Page 7: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 7

TransparencyOur color system is designed to allow myriad combinations of transparent layering as part of the overall brand design language. These transparent overlays should be used as thematic supporting elements across design.

75%3252c

100%314c

100%7541c

75%7541c

50%314c

25%314c

100%7463c

50%314c

75%311c

50%311c

100%7463c

75%3252c

50%7542c

25%7542c

100%7541c

50%7542c

Page 8: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 8

Overlay blends

Gradient blendsBrand colors in the same value range can be blended to create a more dynamic background element.

Select brand colors can be blended and combined with photography to create a rich branded color overlay treatment.

C87 / M41 / Y22 / K1R0 / G124 / B164

C87 / M41 / Y22 / K1R0 / G124 / B 164

C86 / M30/ Y54 / K8R0 / G131 / B123

C65 / M0 / Y29 / K0R28 / G207 / B201

C57 / M41 / Y34 / K4R119 / G134 / B146

C36 / M18 / Y18 / K0R166 / G187 / B195

C87 / M41 / Y22 / K1R0 / G124 / B164

C65 / M0 / Y29 / K0R28 / G207/ B201

C69 / M0 / Y11 / K0R0 / G193 / B222

C65 / M0 / Y29 / K0R28 / G207 / B201

C100 / M81 / Y43/ K44R0 / G43 / B73

C69 / M0 / Y11 / K0R0 / G193 / B222 DIGITAL LIFE FOR

EVERYDAY ITEMS

Page 9: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 9

Overlay panel tintsTransparent overlay panels can be used with photography and iconography to help tell a solution story.

30% - 60%opacity based on

background image 310c

Page 10: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 10

Color fadesBrand color fades can be applied to photos to create contrast areas for additional content elements.

50% - 75%opacity, linear fade to transparent

7463c

Page 11: BRAND STYLE GUIDELINES - nwlink.com

Primary typefaceProxima Nova is the primary Impinj type family. Use a combination of appropriate weights for all print, collateral, display and environmental design.

*Proxima Nova is not a standard system font. It should not be used for shared documents such as PowerPoint and MSWord. Arial is our standard system font.

*Italic wieghts not shown, but available for use.

Proxima NovaProxima Nova Light

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Proxima Nova Regular

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Proxima Nova Medium

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Open SansOpen Sans Light

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Open Sans Regular

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Open Sans Regular Italic

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Open Sans Semibold

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Open Sans Semibild Italic

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Open Sans Bold

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Proxima Nova Semibold

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Proxima Nova Bold

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

Proxima Nova Black

ABCDEFGHIJKLMNOPQRSabcdefghijklmnopqrs123456789@#$%&*

BRAND STYLE GUIDELINES / 11

Web typefaceOpen Sans is the standard font used on the Impinj website

*Open Sans is not a standard system font. It should not be used for shared documents such as PowerPoint and MSWord. Arial is our standard system font.

Page 12: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 12

PhotographyPowerful, distinctive, relevant imagery is a large component of the Impinj identity system. We use photos that capture the real world we live in and environments where our solutions have clear impact.

We use bold, bright photos to inspire and connect with customers. Impinj photography should convey depth of vision, happy customers and real world spaces where our technology works.

When selecting photography for Impinj communications look for images that help tell a visually rich environmental story, including engaged people and relevant industry scenario spaces.

Page 13: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 13

Photography (cont.)Poweful, distinctive, industry-relevant photography is a large component of the Impinj identity system. We use photos that capture the real world we live in and environments where our solutions have clear impact.

We use bold, bright imagery to inspire and connect with customers. Impinj photography should convey depth of vision, happy customers and real world spaces where our technology works.

When selecting photography for Impinj communications look for images that help tell a visually rich environmental story, including engaged people and scenario-relavant spaces.

Photography (cont.)

Powerful, distinctive, relevant imagery is a large component of the Impinj identity system. We use photos that capture the real world we live in and environments where our solutions have clear impact.

We use bold, bright photos to inspire and connect with customers. Impinj photography should convey depth of vision, happy customers and real world spaces where our technology works.

When selecting photography for Impinj communications look for images that help tell a visually rich environmental story, including engaged people and relevant industry scenario spaces.

Page 14: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 14

Photography (cont.)

Powerful, distinctive, relevant imagery is a large component of the Impinj identity system. We use photos that capture the real world we live in and environments where our solutions have clear impact.

We use bold, bright photos to inspire and connect with customers. Impinj photography should convey depth of vision, happy customers and real world spaces where our technology works.

When selecting photography for Impinj communications look for images that help tell a visually rich environmental story, including engaged people and relevant industry scenario spaces.

Page 15: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 15

IconographyIcons are used extensively across Impinj communication materials. We use them to graphically convey concepts, identify industries and services, list benefits, indicate actions, display specific objects and support technical diagrams.

Impinj icons are flat and consistent in stylistic qualities such as line weight, scale and complexity. They can be filled in primary color values, reversed to white atop a brand color, or faded back with up to 50% transparency.

Page 16: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 16

*Full collection of product illustrations not shown

Product illustrationsWe use detailed illustrations, or “beauty shots” to represent our products across marketing and technical communication materials. The product illustrations are rendered in a consistent 3D visual style and available in two angles.

Page 17: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 17

*Full collection of product icons not shown

Software iconsWe have a set of icons for use when a graphical representation of our software products is needed.

Product iconsA flat set of product icons is available for instances where a simplified depiction of the product is enough to convey the idea. These are used primarily in technical diagrams and product charts. There are two color sets, gray and blue.

Page 18: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 18

Software IconsWe have a set of icons for use when a graphical representation of our software products is needed

Weave pattern The weave pattern is a graphic element that ensures the Impinj visual identity has a distict and recognizable look and feel.

This is an optional element. It should be used with frequency, but there will be instances that do not call for it or times when including it makes the design too complex.

Page 19: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 19

FlexibilityThe weave pattern is meant to be a very flexible graphical element that can be incorporated into just about any design composition. It is created by intersecting three simple triangular shapes in space on a picture plane.

StructureA flat set of product icons is available for instances where a simplified depiction of the product is enough to convey the idea. These are used primarily in technical diagrams and product charts. There are two color sets, gray and blue.

Flexibility

StructureThe three intersecting triangles can be rotated, scaled and freely edited to create a balanced interaction of shapes. Corner points on the shapes can be repositioned to fit the pattern into the desired work space. Be sure there is enough negative space in the compo-sition to comfortably fit any other required branding, imagery or content.

NEGATIVE SPACE

NEGATIVE SPACE

Page 20: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 20

ColorDi�erent brand color combinations can be used along with varying transparencies to introduce variety in treatment of the weave pattern across communications.

OverlayThe Weave can be overlayed atop photography to infuse Impinj branding into imagery.

Page 21: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 21

Execution examples

Website

Page 22: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 22

Execution examples

Brochure

Page 23: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 23

Execution examples

Event signage

Page 24: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 24

Execution examples

Video storyboard

Page 25: BRAND STYLE GUIDELINES - nwlink.com

BRAND STYLE GUIDELINES / 25

Execution examples

Print advertisement

Page 26: BRAND STYLE GUIDELINES - nwlink.com

Assets and resourcesImpinj logo kit

Impinj typeface files

Product lock-up assets

Impinj photo library

Impinj icon library

Product illustrations

Product icons

Software icons

Collateral template files

PowerPoint template

For all visual identity assets, contact: [email protected]

BRAND STYLE GUIDELINES / 26