Graphic device

Laughing woman of color and text "Forward thinking"

Standing for progress and forward thinking, our dynamic angle is the basis of our graphic device. The angle can appear in how we crop photography, the angle of our italic text, graphic textures and page graphics.

asf

 

Dynamic angle: A 12° angle represents a possible starting point for keylines, block colors, etc.

  • The dynamic angle concept originates from our brand typeface Helvetica. The italic versions of the font are constructed to tilt 12° towards the right. This angle creates a dynamic and progressive look and feel. 

  • The 12° angle represents a starting point. Other angles can be applied to suit the various applications, sizes and formats.

Expressions of the graphic device

dynamic_textures_0.png

 

Dynamic textures

The dynamic angle concept is expressed in three main ways:

  • Dynamic textures 

  • Dynamic image crops 

  • Dynamic page graphics (panels and keylines)

dynamic_image_crop.png

 

Dynamic image crop

The dynamic angle device should be used throughout our communications. Care should be taken to avoid distracting effects. In most instances, one, two or three angles create pleasing designs. More than three angles should be avoided.

dynamic_page_crop.png

 

Dynamic page graphics

  • All designs use a dynamic angle. 
  • In most instances the starting point for the dynamic angle is set at 12°. 
  • Other angles that can be used range between 12° and 80°. 

dynamic_angle_01.png

 

Dynamic angle range

dynamic_angle_02.png

 

Multiple angles can be used, appropriate to the format of the application. Do not overcrowd the design with dynamic angles.

dynamic_angle_03.png

 

Dynamic angles may cross over eachother, provided they stay within the range of 12º to 80º.

dynamic_angle_04.png

 

Dynamic angles may define the border between a block of colour or an image and the rest of the space.

dynamic_angle_05.png

 

The same applies for a block of colour or an image with two exposed edges, the dynamic angles may define the border.

dynamic_angle_06.png

 

Dynamic angles may also cross over two areas of imagery or colour. The angles of both lines should be different enough to eachother to provide a clear distinction, and not look like an accident.

The above schematic shows examples of how these angles can be combined.

  • The aim is to create dynamic and forward facing layouts and designs. 
  • The layout should show a clear direction, without too much distraction.

 

The graphic device in use

 

The graphic device is a flexible element and should therefore be applied with care and consideration. The examples on this page show how the dynamic angle device can be applied to layouts and designs. These represent starting points and should be seen as inspiration. It is important that the dynamic angle continues to change and evolve. Avoid repeating the exact same treatments, angles, and crops.

 

How it looks in practice: print

print.jpg

 

How it looks in practice: digital

What to avoid

The following examples show treatments that should be avoided.

sfs

 

Single and multiple angles should never point downwards; this feels negative.

gj

 

ghjdgj

 

Multiple angles should also not point down.

ghdj

Contact

If you have any further questions about this or any other section of Bayer Identity Net, please contact:

Dynamic textures downloads