Skip to Content Skip to footer
To see content specific to your location, return to the country or region that matches your location..
  • No Suggestions


Kensington Brand Center

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: 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 explained


K-Angle in Use


Header example with angle

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



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

Neutral version

Home office situations

Neutral version

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