Line Graphics and Tables
Line graphics, tables, and diagrams bring clarity to complex information. Presenting data in a quickly understandable way gives them broader attention and thus more relevance. Perception and awareness of graphical elements are increased through their highly stylized representation.
There are three parameters to create the visualization of infographics, tables, and diagrams:
Comprehensible
Simple is simply the best choice. Always choose the most understandable representation. The more complex a diagram is, the more difficult it will be for the recipient to process.
Clear
Reduce the information. Make sure to use only as many grid lines and labels as necessary because any information beyond that becomes hard to understand. Sometimes it’s better to split individual charts into multiple charts.
Uniform
Uniform execution of infographics ensures that Lucas Meyer Cosmetics value propositions are communicated clearly and consistently. Use the program that best suits your needs.
1. Design programs (e.g., Adobe Illustrator)
2. MS Office templates
DATA VISUALIZATIONDesigning new line graphics and tables
A simple line style can be used for all infographics, such as bar charts, dot plots, radar charts, line graphs, or pie charts, that are created in design programs and not in PowerPoint or Word. In a very lively and hectic world with lots of images, movements, and colors, it is white space and the reduction of elements that make the minimal line graphics so effective. They are very practical, easy to read, and allow information to be conveyed efficiently and with high clarity.
Typography
Title
Gotham Bold, all capsNumber and unit in the title
Gotham Book, mixed caseCaption
Gotham Book or Bold to highlight, mixed case
DATA VISUALIZATIONBrandic presets
For ease of use in PowerPoint, we work with minimalistic presets. Flat graphics allow easy application in PowerPoint with a wide range of options in the color palette. The presets are optimized for high readability in presentations.
Color
Using a color depending on the Product Family brings recognizable consistency to the information. This is not limited to appearance; it also shortens recognition times, conveys meaning, and helps users make faster, more informed decisions.
Axes and grids
Axes and grid lines help the reader understand the proportions of the data. However, try to keep the grid lines and labels to a minimum, as this makes the chart easier to read.
DATA VISUALIZATIONTables
Each application offers its own technical possibilities, which is why the visualizations differ. Bold reduction and white space improve legibility for the content reader.
Word
InDesign
Web
For tables, you can use the Clariant templates as a guide. Using the templates will provide a consistent brand appearance and unified user experience.
LINE GRAPHICS AND TABLESDon'ts
Don’t use the colour shades as a background color.
Don’t use colours of other product familys. Stick to the matching shades of each Product color.
DATA VISUALIZATIONColor shades
Two additional color variants have been defined for each color to make graphs or diagrams clearer. The colour gradations should only be used for graphics.
Functional Ingredients
Name HEX RGB CMYK Text Color Peach 01 #FADAD2 250, 218, 210 1, 20, 16, 0 Peach 03 Emulsifiers #F29D85 242, 157, 133 0, 48, 45, 0 Black Peach 05 #EA633E 234, 99, 62 2, 72, 77, 0
Name HEX RGB CMYK Text Color Peach 03 #F29D85 242, 157, 133 0, 48, 45, 0 Peach 05 Encapsulation Solutions #EA633E 234, 99, 62 2, 72, 77, 0 Black Peach 07 #933E27 147, 62, 39 29, 80, 85, 29
Name HEX RGB CMYK Text Color Blue 02 #B8CDFA 184, 205, 250 xxx Blue 05 Gelling Agents #598AF3 89, 138, 243 67, 39, 0, 0 Black Blue 07 #385698 56, 86, 152 87, 68, 10, 1
Natural Origins
Name HEX RGB CMYK Text Color Orange 03 #F69D4C 246, 157, 76 0, 46, 74, 0 Orange 05 Oils & Butters #D77314 215, 115, 20 12, 62, 99, 2 Black Orange 06 #B75F1A 183, 95, 26 22, 67, 99, 12
Name HEX RGB CMYK Text Color Green 04 #74B27B 116, 178, 123 60, 9, 63, 0 Green 06 Clays & Exfoliants #3A8642 58, 134, 66 78, 24, 91, 8 White Green 07 #2B6331 43, 99, 49 83, 36, 95, 30
Active Ingredients
Name Category HEX RGB CMYK Text Color Orange 01 Complexion & Brightening #FFDAB8 255, 218, 184 0, 19, 31, 0 Black Orange 03 #F69D4C 246, 157, 76 0, 46, 74, 0 Orange 05 #D77314 215, 115, 20 12, 62, 99, 2
Name Category HEX RGB CMYK Text Color Orange 01 #FFDAB8 255, 218, 184 0, 19, 31, 0 Orange 03 Sun Care & Sunless Tanning #F69D4C 246, 157, 76 0, 46, 74, 0 Black Orange 06 #B75F1A 183, 95, 26 22, 67, 99, 12
Name Category HEX RGB CMYK Text Color Orange 06 #B75F1A 183, 95, 26 22, 67, 99, 12 Orange 07 Hair & Scalp Care #86480D 134, 72, 13 31, 69, 100, 3 White Orange 09 #60350D 96, 53, 13 39, 71, 96, 57
Name Category HEX RGB CMYK Text Color Red 01 Soothing #FCD9DD 252, 217, 221 0, 21, 8, 0 Black Red 03 #F798A1 247, 152, 161 66, 42, 0, 0 Red 05 #F35766 243, 87, 102 0, 78, 47, 0
Name Category HEX RGB CMYK Text Color Red 01 #FCD9DD 252, 217, 221 0, 21, 8, 0 Red 03 Anti-Aging #F798A1 247, 152, 161 66, 42, 0, 0 Black Red 05 #F35766 243, 87, 102 0, 78, 47, 0
Name Category HEX RGB CMYK Text Color Red 04 #F6808B 246, 128, 139 0, 62, 31, 0 Red 06 Beauty From Within #ED091F 237, 9, 31 0, 97, 87, 0 White Red 07 #B30617 179, 6, 23 22, 100, 96, 12
Name Category HEX RGB CMYK Text Color Lilac 02 #F6BBE3 246, 187, 227 4, 36, 0, 0 Lilac 04 Sebum Regulation / Acne Prone Skin #ED7DCA 237, 125, 202 14, 61, 0, 0 Black Lilac 06 #AC5B92 172, 91, 146 37, 74, 13, 1
Name Category HEX RGB CMYK Text Color Purple 04 #C294CD 194, 148, 205 28, 49, 0, 0 Purple 06 Anti Stress / Well-Being #A15BB3 161, 91, 179 48, 72, 0, 0 White Purple 07 #784386 120, 67, 134 64, 83, 13, 1
Name Category HEX RGB CMYK Text Color Green 01 #CEE8D1 206, 232, 209 24, 0, 24, 0 Green 03 Slimming / Anti-Cellulite & Stretch Marks #80C287 128, 194, 135 55, 0, 59, 0 Black Green 05 #599B62 89, 155, 98 69, 18, 73, 3
Name Category HEX RGB CMYK Text Color Turquoise 01 #CBE7EA 203, 231, 234 25, 0, 10, 0 Turquoise 03 Eye Care #63C1CA 99, 193, 202 60, 0, 24, 0 Black Turquoise 05 #329B9F 50, 155, 159 75, 18, 38, 2
Color Description HEX RGB CMYK Text Color Ocean 01 #C1E6FF 193, 230, 255 28, 1, 0, 0 Ocean 02 Moisturizing #94D2FF 148, 210, 255 43, 6, 0, 0 Black Ocean 04 #7AA9CB 122, 169, 203 56, 23, 11, 1
Color Description HEX RGB CMYK Text Color Ocean 05 #5A93BD 90, 147, 189 67, 33, 13, 1 Ocean 07 Detox / Anti-Pollution #025A9A 2, 90, 154 94, 63, 11, 15 White Ocean 09 #004271 0, 66, 113 100, 74, 30, 16
Color Description HEX RGB CMYK Text Color Grey 01 #E1E1E1 225, 225, 225 14, 10, 11, 0 Grey 02 Stabilized Active Ingredients #CCCCCC 204, 204, 204 23, 17, 18, 1 Black Grey 04 #A3A3A3 163, 163, 163 38, 29, 30, 8
Color Description HEX RGB CMYK Text Color Sand 02 #E3C89F 227, 200, 159 12, 22, 42, 1 Sand 04 Desquamation, Exfoliation & Resurfacing #CC9B52 204, 155, 82 18, 39, 73, 7 Black Sand 06 #94703C 148, 112, 60 32, 47, 78, 28