{
    "status": 200,
    "data": {
        "title": "Lay-out",
        "slug": "lay-out",
        "locked": false,
        "body": [
            {
                "id": "9633",
                "type": "text",
                "data": {
                    "content": "<h2>Frame</h2>\n<p>The thickness of the frame is determined by the letter ‘b’ in the Bebat logo. The rounding of the frame is equal to the circle around the Bebat symbol. </p>\n<ul><li><strong>A </strong>formats (portrait): Logo width = sheet width/4 </li><li><strong>A </strong>formats (landscape): Logo width = sheet width/5</li></ul>"
                }
            },
            {
                "id": "10129",
                "type": "images",
                "data": {
                    "type": "grid2columns",
                    "images": [
                        {
                            "name": "Logo en kader",
                            "extension": "image",
                            "size": {
                                "B": 624884,
                                "KB": 624.884000000000014551915228366851806640625,
                                "MB": 0.6248839999999999950119899949640966951847076416015625,
                                "GB": 0.000624884000000000029706459514500238583423197269439697265625
                            },
                            "path": {
                                "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Logo-en-kader.png",
                                "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Logo-en-kader.png",
                                "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Logo-en-kader.png",
                                "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Logo-en-kader.png"
                            },
                            "addBackground": false
                        },
                        {
                            "name": "Kader A formaten",
                            "extension": "image",
                            "size": {
                                "B": 737495,
                                "KB": 737.4950000000000045474735088646411895751953125,
                                "MB": 0.73749500000000001165290086646564304828643798828125,
                                "GB": 0.000737495000000000012520262604454046595492400228977203369140625
                            },
                            "path": {
                                "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Kader-A-formaten.png",
                                "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Kader-A-formaten.png",
                                "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Kader-A-formaten.png",
                                "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Kader-A-formaten.png"
                            },
                            "addBackground": false
                        }
                    ]
                }
            },
            {
                "id": "9634",
                "type": "text",
                "data": {
                    "content": "<h2>Headline</h2>\n<p>We always use a headline without a full stop in the layout. We do use punctuation in a headline comprising several sentences. The headline must always be set in boldface. </p>\n<ul><li><strong>Font style:</strong> Bold </li><li><strong>Colour: </strong>White </li><li><strong>Alignment: </strong>Left </li><li><strong>Margins:</strong> 3 x w</li></ul>\n<h2>Subhead</h2>\n<p>A line is placed in front of the subhead, which must be aligned with the headline. The space between the line and the headline is determined by the letter ‘O’ in the same font size as the subhead. The subhead is usually in ‘medium’.</p>\n<ul><li><strong>Font style:</strong> Medium</li><li><strong>Colour: </strong>White</li><li><strong>Alignment: </strong>Left</li><li><strong>Margins:</strong> 3 x w</li></ul>\n<h2>Call to action</h2>\n<ul><li>A call to action is always placed in a green frame with rounded corners. The rounding is half of that in the main frame.</li><li>QR codes are always placed on a white background so that there is enough contrast for scanning.</li></ul>\n<p>We recommend that the green bar does not extend past the middle of the width of the page.</p>\n<p><em><strong><br />Alternative call to action</strong></em></p>\n<p>If you need to include more text in your CTA, you can use an alternative that takes up the entire width of the main frame.</p>"
                }
            },
            {
                "id": "10130",
                "type": "images",
                "data": {
                    "type": "grid2columns",
                    "images": [
                        {
                            "name": "CTA",
                            "extension": "image",
                            "size": {
                                "B": 264189,
                                "KB": 264.18900000000002137312549166381359100341796875,
                                "MB": 0.2641890000000000071622707764618098735809326171875,
                                "GB": 0.0002641890000000000145348455493632400248316116631031036376953125
                            },
                            "path": {
                                "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/CTA.png",
                                "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/CTA.png",
                                "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/CTA.png",
                                "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/CTA.png"
                            },
                            "addBackground": false
                        },
                        {
                            "name": "Alternatieve CTA",
                            "extension": "image",
                            "size": {
                                "B": 276703,
                                "KB": 276.70299999999997453414835035800933837890625,
                                "MB": 0.276702999999999976754594399608322419226169586181640625,
                                "GB": 0.000276702999999999996703914373341604004963301122188568115234375
                            },
                            "path": {
                                "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Alternatieve-CTA.png",
                                "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Alternatieve-CTA.png",
                                "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Alternatieve-CTA.png",
                                "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Alternatieve-CTA.png"
                            },
                            "addBackground": false
                        }
                    ]
                }
            },
            {
                "id": "9637",
                "type": "text",
                "data": {
                    "content": "<h2>Communication with partners</h2>\n<p>In a communication with partners, logos are aligned within the margins. The Bebat logo is placed on the left, with a baseline.</p>\n<p>The partner’s logo goes on the right.</p>\n<p><strong>Ratio between the Bebat and OVAM logos</strong></p>\n<p>The bottom left point of the Bebat arrow is flush with the top of the OVAM logo, and the bottom of the word ‘Bebat’ is flush with the top of the word ‘OVAM’.</p>"
                }
            },
            {
                "id": "10131",
                "type": "images",
                "data": {
                    "type": "fullWidth",
                    "images": [
                        {
                            "name": "Partnercommunicatie",
                            "extension": "image",
                            "size": {
                                "B": 258710,
                                "KB": 258.70999999999997953636921010911464691162109375,
                                "MB": 0.2587099999999999955235807647113688290119171142578125,
                                "GB": 0.000258709999999999994656219026722965281805954873561859130859375
                            },
                            "path": {
                                "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Partnercommunicatie.png",
                                "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Partnercommunicatie.png",
                                "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Partnercommunicatie.png",
                                "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Partnercommunicatie.png"
                            },
                            "addBackground": false
                        },
                        {
                            "name": "Verhouding logo",
                            "extension": "image",
                            "size": {
                                "B": 131162,
                                "KB": 131.162000000000006139089236967265605926513671875,
                                "MB": 0.1311620000000000008100187187665142118930816650390625,
                                "GB": 0.00013116199999999998866695438692886455100961029529571533203125
                            },
                            "path": {
                                "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Verhouding-logo.png",
                                "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Verhouding-logo.png",
                                "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Verhouding-logo.png",
                                "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Verhouding-logo.png"
                            },
                            "addBackground": false
                        }
                    ]
                }
            },
            {
                "id": "9638",
                "type": "text",
                "data": {
                    "content": "<h2>Practically speaking, how do you start building a layout?</h2>\n<ol><li>Decide on the size of the logo, which will depend on the logo on the deliverable. See the section on specific guidelines. </li></ol>\n<ol><li>Now that you have decided on the size of the logo, you can decide on the margins in the layout. The margin of the white border is always 1 w. The margins of the text are usually 2, but in some cases they are 1. See the section on specific guidelines. </li></ol>\n<ol><li>Determine the height of the white bar at the bottom. This is always three times the height of the arrow in the logo. </li></ol>\n<ol><li>If communication to a partner is involved, you must left-align the Bebat logo, and right-align the partner logo (within the margins). If there is no partner, the logo is centred in the layout. </li></ol>"
                }
            }
        ],
        "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": false,
                "locked": false,
                "detail": "/api/detail/brand/kleuren",
                "children": [
                    {
                        "title": "Brand colours",
                        "type": "Brand",
                        "slug": "brand-colours",
                        "parent": "kleuren",
                        "active": false,
                        "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": true,
                "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": "Illustrations",
                "slug": "illustrations"
            },
            "next": {
                "title": "Print",
                "slug": "print"
            }
        },
        "slugs": [
            {
                "site": "nl",
                "slug": "lay-out",
                "parent": null
            },
            {
                "site": "fr",
                "slug": "lay-out",
                "parent": null
            },
            {
                "site": "en",
                "slug": "lay-out",
                "parent": null
            }
        ]
    },
    "meta": {
        "sessionId": "73b315afa737575f6160923f64851fd5"
    }
}