{"id":15539,"date":"2025-08-23T21:43:14","date_gmt":"2025-08-23T19:43:14","guid":{"rendered":"https:\/\/newsite26.coeo-group.ai\/huisstijlgids\/diagrammen-uitsnedes-en-tabellen\/"},"modified":"2026-03-11T18:23:38","modified_gmt":"2026-03-11T17:23:38","slug":"diagrammen-uitsnedes-en-tabellen","status":"publish","type":"page","link":"https:\/\/www.coeo-group.ai\/nl\/huisstijlgids\/diagrammen-uitsnedes-en-tabellen\/","title":{"rendered":"Diagrammen, uitsnedes en tabellen"},"content":{"rendered":"
[vc_custom_heading text=”Markeren. Vereenvoudigen.
\nUitleggen. ” font_container=”tag:h1|text_align:left” use_theme_fonts=”yes”]<\/div><\/div><\/div><\/div>
<\/div>

Diagrammen, tabellen en callouts<\/strong> helpen om complexe informatie om te zetten in verteerbare, boeiende inhoud. Gebruik ze om belangrijke inzichten te benadrukken, gegevens zinvol te structureren en de aandacht van de lezer te leiden naar waar die het belangrijkst is. Consistentie in stijl, helder ontwerp en doelgerichte plaatsing zijn essentieel om informatie niet alleen zichtbaar te maken, maar ook te onthouden.<\/p>\n<\/div><\/div>

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

Onze diagrammen<\/strong> zijn duidelijk, minimaal en alleen gericht op de essentie – geen onnodige elementen, geen schaduwen. Ze gebruiken alleen onze bedrijfskleuren en gebruiken altijd ons primaire lettertype of het aangewezen fallback lettertype. Tekst en lijnen verschijnen in #333333, overschakelend naar #FFFFFF op donkere achtergronden. Lijnen worden zo dun mogelijk weergegeven en labels bevatten alleen de belangrijkste informatie die nodig is om de gegevens in \u00e9\u00e9n oogopslag te begrijpen.<\/p>\n<\/div><\/div>

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

Tabellen<\/strong> gebruiken ons primaire lettertype of het fallback lettertype, met alle tekst in donkergrijs (#333333) voor optimale leesbaarheid. De koptekst van de tabel heeft een witte achtergrond (#FFFFFF) en wordt visueel gescheiden van de tabel door een dunne donkergrijze lijn (#333333). Binnen de tabel wisselen rijen tussen lichtgrijs (#F7F7F7) en wit (#FFFFFFFF) voor een betere scanbaarheid. Kolommen worden gescheiden door dunne lijnen in lichtgrijs (#F7F7F7) en een dikke donkergrijze lijn (#333333) markeert het einde van de tabel voor een duidelijke visuele afsluiting.<\/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>

Callouts<\/strong> zijn een handig hulpmiddel om de aandacht te vestigen op belangrijke details, belangrijke boodschappen te benadrukken of visuele accenten toe te voegen aan een lay-out. Ze kunnen
\nworden gebruikt in de variaties die hier worden getoond en moeten altijd de visuele principes van het merk volgen. Onze callouts zijn consequent rond van vorm
\nen kunnen tekst bevatten in het primaire of fallback lettertype, of pictogrammen uit de offici\u00eble pictogrammenset. Op donkere achtergronden kunnen als alternatief witte
\nronde callouts worden gebruikt.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"[vc_custom_heading text=\"Markeren. Vereenvoudigen. Uitleggen. \" font_container=\"tag:h1|text_align:left\" use_theme_fonts=\"yes\"]Diagrammen, tabellen en callouts helpen om complexe informatie om te zetten in verteerbare, boeiende inhoud. Gebruik ze om belangrijke inzichten te benadrukken, gegevens zinvol te structureren en de aandacht van de lezer te leiden naar waar die het belangrijkst is. Consistentie in stijl, helder ontwerp en doelgerichte plaatsing zijn...","protected":false},"author":2,"featured_media":0,"parent":15513,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15539","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.coeo-group.ai\/nl\/wp-json\/wp\/v2\/pages\/15539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coeo-group.ai\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.coeo-group.ai\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.coeo-group.ai\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coeo-group.ai\/nl\/wp-json\/wp\/v2\/comments?post=15539"}],"version-history":[{"count":2,"href":"https:\/\/www.coeo-group.ai\/nl\/wp-json\/wp\/v2\/pages\/15539\/revisions"}],"predecessor-version":[{"id":15544,"href":"https:\/\/www.coeo-group.ai\/nl\/wp-json\/wp\/v2\/pages\/15539\/revisions\/15544"}],"up":[{"embeddable":true,"href":"https:\/\/www.coeo-group.ai\/nl\/wp-json\/wp\/v2\/pages\/15513"}],"wp:attachment":[{"href":"https:\/\/www.coeo-group.ai\/nl\/wp-json\/wp\/v2\/media?parent=15539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}