Tables and Charts 

Tables and charts are an important part of the communication and help simplify the presentation of complex topics. To maintain the visual consistency within the brand manual, several examples have been defined to serve as guidelines for the depiction of graphics.

Tables and charts follow a clear and uniform structure. This structure is consistently divided into three sections, which are found in the layout of each graphic:

1. Header area: This is where the title of the graphic is located. It is important to ensure adequate spacing between the title and other elements in the layout, such as text (see Figure 2). Below the headline, a line separates the headline from the main area.

2. Main area: This is where the graphical representation or the table columns are located. Depending on the type of graphic, such as bar or line charts (see example), the main part of the graphic or table is built here

3. Footer area: This is the place for annotations or source references. The two areas are separated by a line. The line is always used, even if no source references are provided, to ensure a uniform conclusion of the graphics.

As further important points for the presentation of graphics, we note:

• Please always use the Neue Helvetica font for graphics and tables in printed applications.

• Refer to the examples provided for proportions and line weights.

• The brand color HGT Orange should not be used in graphics, or only in a very subtle way.

Application examples

Bar charts

Bar charts follow a basic structure and begin with a chart title in the header area. Depending on the arrangement of the chart or the bars, the values are positioned either on the side or below the chart. The width of the bars is determined by the complexity of the chart. Depending on the number of values to be depicted and the size of the chart, the bars are either thinner or wider. Attention should be paid to the appropriate spacing of the bars. In the footer area of the chart, the individual values and colors are assigned. Source information is provided below the dividing line and forms the conclusion.

Line charts

Line charts follow the same principle. Values can be placed on both the left and right sides of the chart. The line thickness used to indicate the values should differ from the line thickness of the chart itself, without losing its delicacy. It is important that the lines are clear and distinct to make the values easily visible while preserving the aesthetic finesse of the chart.

Tables 

Tables also follow the basic principle and begin with a headline for the chart title and a dividing line. Below this, they follow a classic structure and use lines as design elements to create individual columns for the corresponding values. Emphases can be set typographically through the choice of font. It is important that the tables are clearly structured to ensure easy readability and clarity.