Our guiding principles
Symbols & Icons
Graphical Elements
Content
On this page you can find the following topics:
-
1
-
6
-
7
-
8
Weitere Themen zu grafischen Elementen:
Easy comprehension is key
Whether charts, diagrams, icons or illustrations, communicate messages visually in the most direct and simply way possible to your target group.
Two dimensional style
Display information in a two dimensional graphic, smooth surfaces without textures, without shadows or gloss effects just for decoration purposes. Graphic elements and text boxes have sharp edges.
Deliberate use of color
One single color out of the six BASF corporate colors and tints of that color is recommended to be used in each graphic instance. Various shades can be created by brightening or darkening this color. If the complexity of the information requires the use of colors use one of the BASF corporate colors together with grey.
Symbols, icons and graphics
- Use icons to portray a simple message to aid memorability and help improve communication.
- Use simple vector graphics with a minimum amount of details to convey the message.
- Use a single corporate color on white background, or reverse out of a colored background.
- BASF icons are solid filled shapes.
- Icons are used in positive or negative form.
Loading ...
Social Media Icons
On offline and online communication materials, social media icons can be used to connect people with BASF social channels. Please check the BASF social media strategy and guidelines to ensure an effective corporate presence among defined target groups.
For email signature, only a textual reference to social media is allowed with a link (no use of social media icons). Please find more information here.
Loading ...
Icons
- Use the correct social media icons, without modifying them (design, scale, color)
- Integrate the icons next to each other, in an equal size, while providing appropriate space between them
Colors
- Social media icons can be used in their original colors
- For optimal visibility, it is advised to use white social media icons on darker backgrounds and black social media icons on lighter backgrounds
- One of our BASF Corporate Colors can be used for the background to ensure a visual recognition
- BASF Corporate Colors are used to display the background, not the social media icons themselves
Infographics
An infographic is the combination of an icon with explanatory text. The icon attracts attention and the text provides the respective message.
Use only one BASF corporate color or tints of it.
Preferred shapes for info graphics or their elements are circles, squares and rectangles.
Depicting people
Loading ...
Illustrations and Explanatory videos
Every illustration should be consistent with the other elements in the communication.
- Maintain the natural proportions when depicting people. Base the proportions you use on the original photographs.
- Despite all abstractions, our illustrations should depict authentic people in realistic settings and real-life situations.
- No outlines, but shapes solidly filled with corporate colors or their gradations.
- Don’t emphasize outlines. Avoid decorative elements. Use a simple, reduced design.
- The visual style defined for illustrations also applies to explanatory videos.
Diagrams
Use two harmonious corporate colors only per graphic unless the complexity of the message requires a third color, use gray.
Use tints of the same color to differentiate information strands.
Charts
- Use horizontal lines only. Thicker lines indicate the upper and lower ends and divide sections of the chart. Thin lines are used to divide rows.
- Vertical columns are divided by leaving white space between them.
- Table titles are formatted in the size of the body copy, but in bold.
- Use a light tint of the corporate color used on the page to highlight the most recent and important figures.
Maps
Maps are drawn using single solid colors, derived from the corporate colors or neutral gray.
Loading ...
World map with indication of BASF sites.
As needed you can use available maps, use parts of them and add in details or legends.
If the message of a map requires it, several colors can be used.
- Draw maps based on one corporate color. Use as many lighter tones of this color as you need for your message.
- Every area is filled with only one color, without gradients, structures, shades or other effects.
- Make borders visible through white lines.
- Highlight countries or regions by using one solid color.
- The templates available on Brandweb are our offer for an easier production. Please consult the communications function of the respective regional division on any content related issues, e.g. showing politically controversial borders.
- Use the templates. You can use the global map and maps of all regions in all corporate colors as well as with or without identification of BASF sites as the basis for your maps. The templates are available as vector graphics for the creation of printing templates for four color printing (ai) and for presentation graphics (PPT). You can alter these templates to suit your project’s requirements, add to them, or remove irrelevant details, as long as you follow the design principles defined in this section.
- Conformal and area depiction are both possible. We offer both versions in the templates for global maps; the depiction of regions is only available for download in conformal Mercator projection.