{
    "status": 200,
    "data": {
        "title": "Brand colours",
        "slug": "brand-colours",
        "locked": false,
        "body": [
            {
                "id": "5309",
                "type": "text",
                "data": {
                    "content": "<h2>Brand coulours</h2>\n<p>The brand colours reflect and support the essence of the Bebat brand. These colours form the recognisability of the brand identity and always have the same look and feel. These colours are prominent on every communication.<br /></p>\n<p>The Bebat brand identity consists of two colours, green and taupe. The green is the main colour and is complemented by the addition of the colour taupe. </p>\n<ul><li>The <strong>main colour </strong>directly reflects most of the brand recognition. By seeing this colour, observers immediately make the link with the Bebat brand. </li></ul>\n<ul><li>The <strong>additional colour </strong>complements the main colour. This colour must be used in smaller quantities to differentiate information. </li></ul>\n<p><strong><br />White </strong>forms the connection between the two brand colours. </p>\n<p>The balance between colours is also very important for the right brand look. We generally keep the same balance as in the logo: 60% white, 30% green, and 10% brown. The balance between green and white can change, depending on whether positive or negative layouts are used. The use of brown always is always around 10%. </p>"
                }
            },
            {
                "id": "5310",
                "type": "colors",
                "data": {
                    "colors": [
                        {
                            "name": "Zand",
                            "description": "Hoofdkleur",
                            "rgb": "rgb(162,147,135)",
                            "cmyk": "34-35-40-16",
                            "hsl": "hsl(26.67,0.13,0.58)",
                            "hex": "#a29387",
                            "pantone": "Warm Grey 7 C"
                        },
                        {
                            "name": "Groen",
                            "description": "<p>Hoofdkleur</p>",
                            "rgb": "rgb(175,202,11)",
                            "cmyk": "40-0-100-0",
                            "hsl": "hsl(68.48,0.9,0.42)",
                            "hex": "#afca0b",
                            "pantone": "390 C"
                        },
                        {
                            "name": "Wit",
                            "description": null,
                            "rgb": "rgb(255,255,255)",
                            "cmyk": null,
                            "hsl": "hsl(0,0,1)",
                            "hex": "#ffffff",
                            "pantone": null
                        }
                    ]
                }
            },
            {
                "id": "5311",
                "type": "text",
                "data": {
                    "content": "<h2>Hues and shades</h2>\n<p>Hues (derived from the main colours) or shading are needed to make the use of colour more dynamic. There are more possibilities because there are more colours to use and so there can be more contrast. Then there is the need to be able to vary the strength of a colour. A lighter hue is often desired as a background and the colour must be dark enough for legibility.</p>\n<p>The colours are categorised by name: deep tones, main colours, medium tones, and light tones. The different groups have certain characteristics, which influence the way in which these colours can be used. This includes backgrounds, text, quotes, graphs, icons, etc. Depending on the application (background, text, icons, quotes, etc.), they support the image. </p>\n<p><strong>The main colours must always be present to increase brand recognition. </strong></p>\n<ul><li>Intensify<strong> deep tones </strong>(e.g. as text on a white background)</li>\n <li><strong>Medium tones </strong>have a natural look (e.g. as the background)</li>\n <li><strong>Light tones </strong>have a soft appearance (text supporting as background)</li>\n</ul>\n<p> </p>"
                }
            },
            {
                "id": "10058",
                "type": "colors",
                "data": {
                    "colors": [
                        {
                            "name": "Groen - Tint 1",
                            "description": null,
                            "rgb": "rgb(191,213,60)",
                            "cmyk": "32-0-80-0",
                            "hsl": "hsl(68.63,0.65,0.54)",
                            "hex": "#bfd53c",
                            "pantone": null
                        },
                        {
                            "name": "Groen - Tint 2",
                            "description": null,
                            "rgb": "rgb(207,223,109)",
                            "cmyk": "24-0-60-0",
                            "hsl": "hsl(68.42,0.64,0.65)",
                            "hex": "#cfdf6d",
                            "pantone": null
                        },
                        {
                            "name": "Groen - Tint 3",
                            "description": null,
                            "rgb": "rgb(223,234,157)",
                            "cmyk": "16-0-40-0",
                            "hsl": "hsl(68.57,0.65,0.77)",
                            "hex": "#dfea9d",
                            "pantone": null
                        },
                        {
                            "name": "Groen - Tint 4",
                            "description": null,
                            "rgb": "rgb(239,244,206)",
                            "cmyk": "8-0-20-0",
                            "hsl": "hsl(67.89,0.63,0.88)",
                            "hex": "#eff4ce",
                            "pantone": null
                        }
                    ]
                }
            },
            {
                "id": "10059",
                "type": "colors",
                "data": {
                    "colors": [
                        {
                            "name": "Zand - Tint 1",
                            "description": null,
                            "rgb": "rgb(61,49,39)",
                            "cmyk": "53-57-63-70",
                            "hsl": "hsl(27.27,0.22,0.2)",
                            "hex": "#3d3127",
                            "pantone": null
                        },
                        {
                            "name": "Zand - Tint 2",
                            "description": null,
                            "rgb": "rgb(99,84,72)",
                            "cmyk": "45-48-55-49",
                            "hsl": "hsl(26.67,0.16,0.34)",
                            "hex": "#635448",
                            "pantone": null
                        },
                        {
                            "name": "Zand - Tint 3",
                            "description": null,
                            "rgb": "rgb(246,244,243)",
                            "cmyk": "3-4-4-2",
                            "hsl": "hsl(20,0.14,0.96)",
                            "hex": "#f6f4f3",
                            "pantone": null
                        }
                    ]
                }
            }
        ],
        "navigation": [
            {
                "title": "Introduction",
                "type": "Brand",
                "slug": "inleiding",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/inleiding",
                "children": []
            },
            {
                "title": "Values",
                "type": "Brand",
                "slug": "values",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/values",
                "children": []
            },
            {
                "title": "Mission",
                "type": "Brand",
                "slug": "mission",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/mission",
                "children": []
            },
            {
                "title": "Vision",
                "type": "Brand",
                "slug": "vision",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/vision",
                "children": []
            },
            {
                "title": "Communication",
                "type": "Brand",
                "slug": "communicatie",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/communicatie",
                "children": []
            },
            {
                "title": "Safety: mission and vision",
                "type": "Brand",
                "slug": "veiligheidsmissie-visie",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/veiligheidsmissie-visie",
                "children": []
            },
            {
                "title": "Brand personality",
                "type": "Brand",
                "slug": "brand-personality",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/brand-personality",
                "children": []
            },
            {
                "title": "Tone of voice",
                "type": "Brand",
                "slug": "tone-of-voice",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/tone-of-voice",
                "children": [
                    {
                        "title": "B2C",
                        "type": "Brand",
                        "slug": "b2c",
                        "parent": "tone-of-voice",
                        "active": false,
                        "detail": "/api/detail/brand/b2c",
                        "locked": false
                    },
                    {
                        "title": "B2B",
                        "type": "Brand",
                        "slug": "b2b",
                        "parent": "tone-of-voice",
                        "active": false,
                        "detail": "/api/detail/brand/b2b",
                        "locked": false
                    }
                ]
            },
            {
                "title": "Logo",
                "type": "Brand",
                "slug": "logo",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/logo",
                "children": [
                    {
                        "title": "Correct usage",
                        "type": "Brand",
                        "slug": "correct-usage",
                        "parent": "logo",
                        "active": false,
                        "detail": "/api/detail/brand/correct-usage",
                        "locked": false
                    },
                    {
                        "title": "Size & positioning",
                        "type": "Brand",
                        "slug": "logo-size-position",
                        "parent": "logo",
                        "active": false,
                        "detail": "/api/detail/brand/logo-size-position",
                        "locked": false
                    },
                    {
                        "title": "Usage of baseline and font",
                        "type": "Brand",
                        "slug": "baseline-font",
                        "parent": "logo",
                        "active": false,
                        "detail": "/api/detail/brand/baseline-font",
                        "locked": false
                    }
                ]
            },
            {
                "title": "Soundlogo",
                "type": "Brand",
                "slug": "soundlogo",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/soundlogo",
                "children": []
            },
            {
                "title": "Typography",
                "type": "Brand",
                "slug": "typography",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/typography",
                "children": []
            },
            {
                "title": "Colours",
                "type": "Brand",
                "slug": "kleuren",
                "active": true,
                "locked": false,
                "detail": "/api/detail/brand/kleuren",
                "children": [
                    {
                        "title": "Brand colours",
                        "type": "Brand",
                        "slug": "brand-colours",
                        "parent": "kleuren",
                        "active": true,
                        "detail": "/api/detail/brand/brand-colours",
                        "locked": false
                    },
                    {
                        "title": "Context colours",
                        "type": "Brand",
                        "slug": "secundaire-kleuren",
                        "parent": "kleuren",
                        "active": false,
                        "detail": "/api/detail/brand/secundaire-kleuren",
                        "locked": false
                    },
                    {
                        "title": "Functional use",
                        "type": "Brand",
                        "slug": "functioneel-gebruik",
                        "parent": "kleuren",
                        "active": false,
                        "detail": "/api/detail/brand/functioneel-gebruik",
                        "locked": false
                    },
                    {
                        "title": "Visual use",
                        "type": "Brand",
                        "slug": "visual-use",
                        "parent": "kleuren",
                        "active": false,
                        "detail": "/api/detail/brand/visual-use",
                        "locked": false
                    }
                ]
            },
            {
                "title": "Photography",
                "type": "Brand",
                "slug": "fotografie",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/fotografie",
                "children": []
            },
            {
                "title": "Infographics",
                "type": "Brand",
                "slug": "infografieken",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/infografieken",
                "children": []
            },
            {
                "title": "Icons & illustrations",
                "type": "Brand",
                "slug": "iconen",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/iconen",
                "children": [
                    {
                        "title": "Icons",
                        "type": "Brand",
                        "slug": "icons",
                        "parent": "iconen",
                        "active": false,
                        "detail": "/api/detail/brand/icons",
                        "locked": false
                    },
                    {
                        "title": "Battery icon",
                        "type": "Brand",
                        "slug": "battery-icon",
                        "parent": "iconen",
                        "active": false,
                        "detail": "/api/detail/brand/battery-icon",
                        "locked": false
                    },
                    {
                        "title": "Illustrations",
                        "type": "Brand",
                        "slug": "illustrations",
                        "parent": "iconen",
                        "active": false,
                        "detail": "/api/detail/brand/illustrations",
                        "locked": false
                    }
                ]
            },
            {
                "title": "Lay-out",
                "type": "Brand",
                "slug": "lay-out",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/lay-out",
                "children": [
                    {
                        "title": "Print",
                        "type": "Brand",
                        "slug": "print",
                        "parent": "lay-out",
                        "active": false,
                        "detail": "/api/detail/brand/print",
                        "locked": false
                    },
                    {
                        "title": "Digitaal",
                        "type": "Brand",
                        "slug": "digital",
                        "parent": "lay-out",
                        "active": false,
                        "detail": "/api/detail/brand/digital",
                        "locked": false
                    }
                ]
            },
            {
                "title": "Online",
                "type": "Brand",
                "slug": "online",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/online",
                "children": [
                    {
                        "title": "Website",
                        "type": "Brand",
                        "slug": "website",
                        "parent": "online",
                        "active": false,
                        "detail": "/api/detail/brand/website",
                        "locked": false
                    },
                    {
                        "title": "Newsletters",
                        "type": "Brand",
                        "slug": "newsletters",
                        "parent": "online",
                        "active": false,
                        "detail": "/api/detail/brand/newsletters",
                        "locked": false
                    },
                    {
                        "title": "Social media",
                        "type": "Brand",
                        "slug": "social-media",
                        "parent": "online",
                        "active": false,
                        "detail": "/api/detail/brand/social-media",
                        "locked": false
                    }
                ]
            },
            {
                "title": "Copy",
                "type": "Brand",
                "slug": "copy",
                "active": false,
                "locked": false,
                "detail": "/api/detail/brand/copy",
                "children": [
                    {
                        "title": "Preferred terms",
                        "type": "Brand",
                        "slug": "terminology",
                        "parent": "copy",
                        "active": false,
                        "detail": "/api/detail/brand/terminology",
                        "locked": false
                    },
                    {
                        "title": "B2B copy",
                        "type": "Brand",
                        "slug": "b2b-copy",
                        "parent": "copy",
                        "active": false,
                        "detail": "/api/detail/brand/b2b-copy",
                        "locked": false
                    },
                    {
                        "title": "Numbers & punctuation",
                        "type": "Brand",
                        "slug": "copy-numbers",
                        "parent": "copy",
                        "active": false,
                        "detail": "/api/detail/brand/copy-numbers",
                        "locked": false
                    }
                ]
            }
        ],
        "navigator": {
            "prev": {
                "title": "Colours",
                "slug": "kleuren"
            },
            "next": {
                "title": "Context colours",
                "slug": "secundaire-kleuren"
            }
        },
        "slugs": [
            {
                "site": "nl",
                "slug": "primaire-kleuren",
                "parent": "kleuren"
            },
            {
                "site": "fr",
                "slug": "primaire-kleuren",
                "parent": "kleuren"
            },
            {
                "site": "en",
                "slug": "brand-colours",
                "parent": "kleuren"
            }
        ]
    },
    "meta": {
        "sessionId": "12b586baff5dc9a6e7b183fde60ae2a7"
    }
}