{"id":16257,"date":"2025-08-23T21:43:14","date_gmt":"2025-08-23T19:43:14","guid":{"rendered":"https:\/\/newsite26.coeo-group.ai\/diagramme-beschriftungen-tabellen\/"},"modified":"2026-03-19T08:39:04","modified_gmt":"2026-03-19T07:39:04","slug":"diagramme-beschriftungen-tabellen","status":"publish","type":"page","link":"https:\/\/www.coeo-group.ai\/de\/styleguide\/diagramme-beschriftungen-tabellen\/","title":{"rendered":"Diagramme, Beschriftungen & Tabellen"},"content":{"rendered":"
[vc_custom_heading text=”Hervorheben. Vereinfachen.
\nErkl\u00e4ren. ” font_container=”tag:h1|text_align:left” use_theme_fonts=”yes”]<\/div><\/div><\/div><\/div>
<\/div>

Diagramme, Tabellen und St\u00f6rer<\/strong> helfen dabei, komplexe Informationen in verdauliche, ansprechende Inhalte umzuwandeln. Nutze sie, um wichtige Erkenntnisse hervorzuheben, Daten sinnvoll zu strukturieren und die Aufmerksamkeit des Lesers dorthin zu lenken, wo es am wichtigsten ist. Einheitlichkeit im Stil, Klarheit im Design und Zweckm\u00e4\u00dfigkeit in der Platzierung sind der Schl\u00fcssel, um Informationen nicht nur sichtbar, sondern auch einpr\u00e4gsam zu machen.<\/p>\n<\/div><\/div>

<\/div>
\"\"<\/div><\/div><\/div><\/div><\/div>
\"\"<\/div><\/div><\/div><\/div><\/div>
\"\"<\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>

Unsere Diagramme<\/strong> sind klar, minimal und konzentrieren sich nur auf das Wesentliche \u2013 keine unn\u00f6tigen Elemente, keine Schatten. Sie verwenden ausschlie\u00dflich unsere Unternehmensfarben und immer unsere prim\u00e4re Schriftart oder die daf\u00fcr vorgesehene Ausweichschrift. Text und Linien erscheinen in #333333 und wechseln auf dunklen Hintergr\u00fcnden zu #FFFFFF. Linien werden so d\u00fcnn wie m\u00f6glich dargestellt, und Beschriftungen enthalten nur die wichtigsten Informationen, die zum Verst\u00e4ndnis der Daten auf einen Blick erforderlich sind.<\/p>\n<\/div><\/div>

<\/div>
\"\"<\/div><\/div>
<\/div>

Tabellen<\/strong> verwenden unsere prim\u00e4re Schriftart oder die daf\u00fcr vorgesehene Ausweichschrift, wobei der gesamte Text in dunklem Grau (#333333) f\u00fcr optimale Lesbarkeit gehalten ist. Der Tabellenkopf verf\u00fcgt \u00fcber einen wei\u00dfen Hintergrund (#FFFFFF) und ist durch eine d\u00fcnne, dunkelgraue Linie (#333333) optisch vom Tabellenk\u00f6rper getrennt. Innerhalb des Tabellenk\u00f6rpers wechseln sich die Zeilen zwischen Hellgrau (#F7F7F7) und Wei\u00df (#FFFFFF) ab, um die \u00dcbersichtlichkeit zu verbessern. Die Spalten sind durch d\u00fcnne Linien in Hellgrau (#F7F7F7) unterteilt, und eine fette, dunkelgraue Linie (#333333) markiert das Ende der Tabelle f\u00fcr einen klaren visuellen Abschluss.<\/p>\n<\/div><\/div>

<\/div>
\"\"<\/div><\/div>
<\/div>
\n
\n HEX<\/span>\n 298FC2<\/span>\n <\/div>\n
\n RGB<\/span>\n 41\/143\/194<\/span>\n <\/div>\n
\n CMYK<\/span>\n 76\/26\/0\/0<\/span>\n <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>
\"\"<\/div><\/div>
<\/div>
\n
\n HEX<\/span>\n 78BE21<\/span>\n <\/div>\n
\n RGB<\/span>\n 120\/190\/33\n<\/span>\n <\/div>\n
\n CMYK<\/span>\n 54\/0\/100\/0<\/span>\n <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>
\"\"<\/div><\/div>
<\/div>
\n
\n HEX<\/span>\n 326295<\/span>\n <\/div>\n
\n RGB<\/span>\n 50\/98\/149\n<\/span>\n <\/div>\n
\n CMYK<\/span>\n 84\/54\/3\/10<\/span>\n <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>
<\/div>
\"\"<\/div><\/div>
<\/div>
\n
\n HEX<\/span>\n FEDD00<\/span>\n <\/div>\n
\n RGB<\/span>\n 254\/221\/0<\/span>\n <\/div>\n
\n CMYK<\/span>\n 0\/0\/100\/0<\/span>\n <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>
\"\"<\/div><\/div>
<\/div>
\n
\n HEX<\/span>\n FF9425<\/span>\n <\/div>\n
\n RGB<\/span>\n 255\/148\/37\n<\/span>\n <\/div>\n
\n CMYK<\/span>\n 0\/45\/100\/0<\/span>\n <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>
\"\"<\/div><\/div>
<\/div>
\n
\n HEX<\/span>\n D00070<\/span>\n <\/div>\n
\n RGB<\/span>\n 208\/0\/112\n<\/span>\n <\/div>\n
\n CMYK<\/span>\n 0\/100\/0\/0<\/span>\n <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>
<\/div>

St\u00f6rer<\/strong> sind ein n\u00fctzliches Werkzeug, um die Aufmerksamkeit auf wichtige Details zu lenken, Kernbotschaften hervorzuheben oder einem Layout visuelle Akzente zu verleihen. Sie k\u00f6nnen in den hier gezeigten Variationen verwendet werden und sollten stets den visuellen Prinzipien der Marke folgen. Unsere St\u00f6rer sind durchg\u00e4ngig rund und k\u00f6nnen Text in der prim\u00e4ren oder der Ausweichschrift oder Icons aus dem offiziellen Icon-Set enthalten. Auf dunklen Hintergr\u00fcnden k\u00f6nnen wei\u00dfe runde St\u00f6rer als Alternative verwendet werden.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"[vc_custom_heading text=\"Hervorheben. Vereinfachen. Erkl\u00e4ren. \" font_container=\"tag:h1|text_align:left\" use_theme_fonts=\"yes\"]Diagramme, Tabellen und St\u00f6rer helfen dabei, komplexe Informationen in verdauliche, ansprechende Inhalte umzuwandeln. Nutze sie, um wichtige Erkenntnisse hervorzuheben, Daten sinnvoll zu strukturieren und die Aufmerksamkeit des Lesers dorthin zu lenken, wo es am wichtigsten ist. Einheitlichkeit im Stil, Klarheit im Design und Zweckm\u00e4\u00dfigkeit in der Platzierung sind der...","protected":false},"author":2,"featured_media":0,"parent":16391,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16257","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.coeo-group.ai\/de\/wp-json\/wp\/v2\/pages\/16257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coeo-group.ai\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.coeo-group.ai\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.coeo-group.ai\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coeo-group.ai\/de\/wp-json\/wp\/v2\/comments?post=16257"}],"version-history":[{"count":14,"href":"https:\/\/www.coeo-group.ai\/de\/wp-json\/wp\/v2\/pages\/16257\/revisions"}],"predecessor-version":[{"id":16894,"href":"https:\/\/www.coeo-group.ai\/de\/wp-json\/wp\/v2\/pages\/16257\/revisions\/16894"}],"up":[{"embeddable":true,"href":"https:\/\/www.coeo-group.ai\/de\/wp-json\/wp\/v2\/pages\/16391"}],"wp:attachment":[{"href":"https:\/\/www.coeo-group.ai\/de\/wp-json\/wp\/v2\/media?parent=16257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}