Designed Using More Sustainable Materials
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.
Don’t use transparent angles on images.
Don’t use wrong angles. Stick with the 52°.
Don’t use the angle on the left side.
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.
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.
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.
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.
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.
Neutral version
Neutral version
Neutral version
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:
