Skip to Content Skip to footer
Welcome to the Kensington site. We've directed you here based on your current location.
Suggestions
  • No Suggestions

 

Kensington Brand Center

Effective May 2021

Welcome. These guidelines are for anyone building Kensington marketing assets, so that we can ensure brand consistency and maintain a strong brand across all properties. Please email any issues to Kensington Global Marketing: globalmarketing@kensington.com. Click on the links below for more information on the associated topics.

K-Angle, Icons, and Illustrations

To give the brand a unique and professional appearance this guideline on our K-Angle, icons, and illustrations will help to create a consistent and recognizable look and feel for icons and illustrations. This guide will also be updated to give more guidance on how to build them in order to achieve an overall consistent feel.

Collage of Kensington icons and illustrations

 

K-Angle

 

K-Angle explained

 

K-Angle in Use

 

Header example with angle

Header example with angle

Flags with angle in use

Flags with angle in use

  • Don'ts
Don'ts Chevron Icon

Woman speaking on the phone

Don’t use transparent angles on images.

Woman presenting on computer

Don’t use wrong angles. Stick with the 52°.

StudioDock on desk

Don’t use the angle on the left side.

 

Icons Overview and Sizes

 

There are two groups of icons: system (lo-fi) and mid-render. They go from little detail to very detailed, respectively, and are used for various sizes and purposes, defined in the graphic. To ensure the best quality, web files should be SVG, and print files should be vectors.

Icon specs for designers

 

System (lo-fi) and Mid-render Icons

System (or lo-fi) icons are used to help navigate Kensington’s digital channels. The design is simple and modern. Each icon is reduced to its minimal form and every metaphor distilled to its essence. In size, they range from around 16px to 32px.

Mid-render icons are more detailed and can be used to guide your way to our products and services.  In size, they range from around 36px to 64px.

Both system and mid-render icons can be used on different branded color backgrounds and come in three colors (black, white, and blue). If recoloring the backgrounds for an icon, please make sure that the background contrast is high, as shown in the examples below.

 

  • System and lo-fi icons
  • Mid-render icons
System and lo-fi icons Chevron Icon

Mid-render icons Chevron Icon

Building system (lo-fi) and mid-render icons


To build a system (lo-fi) and mid-render icon, you need to reduce the meaning of it to its minimal form. Make sure to use a 1px stroke. To avoid distorting an icon, position icons “on pixel” by making the X and Y coordinate into integers, without decimals. All corners and stroke endings have a rounding.

Pixel dimensions for icons

 

Illustrations

The illustration style is based on the hi-fi icons style in a bit more decorative and advanced way. For the background, the K-Angle is used as an abstract element to give the illustration a world to live in. This element can be more or less complex depending on how busy the illustration is.

The illustrations should describe the situation well and serve as an additional tool if no suitable photographic solution is available.

 

People in illustration

People in illustration

Neutral version

Home office situations

Home office situations

Neutral version

Desktop from a topview

Desktop from a topview

Neutral version

Creating illustrations

The elements in the illustrations evolve from the icons but are more advanced and can be more organic. Other than the icons, illustrations can have different perspectives but shouldn’t feel too overwhelming since they should explain a situation as simply as possible.

The background elements are built with the 52-degree angle and are filled with gray color gradients transitioning to 0% opacity. The background elements can be used as an abstract space where the illustration can live on. For example, an illustration with smaller and/or more detailed elements can be reduced to two background elements. Exceptions can be made for background usage if, for example, in a full-width video, the background angles aren't compatible with the background image or color.

Illustration instructions for designers
Live chat by BoldChat