Infographics

Infographics are an important part of Reflex’s corporate identity. They help us communicate our comprehensive technological expertise. We use different sorts of infographics, for example, to explain complex relationships in heating and cooling technology, to collate technical data, or to illustrate how our product solutions work.

 
 

Diagrams

Diagrams are the preferred means of collating technical data. All diagrams are produced in green and grey. If necessary, you can add other defined colours (see Colours for Graphics).

Diagrams: layout

  1. Diagrams are drawn in a grey box with a 10% black background.
  2. The corner radius is 2 mm.
  3. Axes have a line thickness of 0.3 pt. Line colour: 70% black.
  4. Horizontal lines are 0.15pt thick.
  5. Vertical subdivisions are only used if they are required for legibility of the diagram. In this instance, use 5% black infill.
  6. Lines in line diagrams are 2pt thick.

Diagrams: grid

In product brochures or other publications, diagrams occupy either the entire or half the width of the type area. The height can vary with the baseline grid and is adjusted to suit the content. All Reflex diagrams are built on a 4mm grid.

Formatting in the type areaDiagram width
1/2 width86 mm
Entire width176 mm

All of our circular diagrams are also based on the 4mm grid.

If possible, we place labelling directly on the diagram. To do this we use a mark-up.

  1. Imagine a circle centred on the diagram with a radius 2mm larger than the outer circle of the diagram. The mark-up runs horizontally from there to the labelling. The corner radius is 1mm, the line thickness 0.15pt.
  2. The labelling is left-justified on the left-hand page and right-justified on the right-hand page.
 
 

Cartographic illustration

We use maps to link events or information to places and to show distances. Maps provide orientation and overview. They show at a glance, for example, where an event is taking place or where our sales teams are located.

 
 

Complex infographics

Infographics are designed to be as straightforward and understandable as possible. This also applies for complex information: to illustrate this, an infographic may be detailed but must not be overloaded with information. Focus must be maintained on the matter in hand: complex but neat.

Showing relationships in the system

We generally use two-dimensional infographics to show relationships in the heating and cooling system. The existing colour coding must always be observed. The installed systems are shown in longitudinal section and the building itself is not illustrated.

Explaining functionality

Complex infographics are extremely useful for explaining the functions of specific products, both as digital animations and as a graphic in print.

Illustrating installation and product combinations

We rely on isometric representations to illustrate the installation of our product solutions or the combination of several solutions. Please ensure the correct colour scheme is used; the main product is shown and labelled in colour and all other items in white or gradations of grey.

 
 

Schemes

We use diagrams to show actual installations. There is a standard set of individual components and colours for these technical illustrations.

 
 

Scheme design

When designing diagrams, please ensure they always adhere to the following specifications:

  1. diagrams are drawn in a grey box with a 10% black background.
  2. The corner radius is 2 mm.

    Products are either:
  3. shown in colour if the diagram is focusing on a product or
  4. in white and gradations of grey.
  5. Flow, return and make-up water are to be shown in the colours given below and orange is used to highlight specific elements.
  6. 85% black should always be used for outlines (pure black is not to be used).
  7. Use standard symbols for system components (pumps, valves).

Variations on diagrams

One diagram, different designs: Depending on the point of focus, a single diagram can be reworked in different variations, as shown in the three variations below. In the first diagram, the focus is on service and engagement (magnifying glass). In the second, it is on the connections. In these variations, the controls are therefore placed behind the diagrammatic symbols as a white area. The third variation of the diagram, on the other hand, is suitable for conveying basic technical knowledge independently of product communication, as far as this is possible.


Focus on product


Focus on connections


Focus on basic technical knowledge

 
 

Symbols for schemes

 
 

Colours for diagrams and infographics

The following colours are allocated to specific functions. This colour coding must be adhered to at all times.

Heating system flow


CMYK
15/100/90/0


RGB
205/5/41


HEX
#CD0529


 

Cooling system flow


CMYK
55/0/15/0


RGB
120/200/214


HEX
#78C8D6


 

Heating system return


CMYK
70/15/0/0


RGB
57/169/220


HEX
#727272


 

Cooling system return


CMYK
40/75/0/0


RGB
166/87/153


HEX
#A65799


 


Make-up


CMYK
55/0/90/0


RGB
132/189/63


HEX
#84bd3f


 


Outlines


CMYK
0/0/0/85


RGB
76/76/76


HEX
#4C4C4C


 

The colours defined below can be also used for emphasis in graphics and diagrams. Always use main colours in 100% saturation. We rarely use gradations of colour.