{"id":8672,"date":"2025-06-03T22:14:32","date_gmt":"2025-06-03T20:14:32","guid":{"rendered":"https:\/\/schneiderpen.com\/brand\/?page_id=8672"},"modified":"2026-02-24T12:35:46","modified_gmt":"2026-02-24T11:35:46","slug":"layout","status":"publish","type":"page","link":"https:\/\/schneiderpen.com\/brand\/en\/guides\/layout\/","title":{"rendered":"Layout"},"content":{"rendered":"\n<section class=\"opt-fullwidth  opt-well   lazyblock-intro-1BFNru wp-block-lazyblock-intro\">\n    <div class=\"inner-wrapper\">\n        <div class=\"intro-wrapper\">\n            <div class=\"headline-wrapper\">\n                <h1>Layout<\/h1>\n            <\/div>\n            <div class=\"copy-wrapper\">\n                <p>We tell relevant stories through words and images. This guide will show you how to develop exciting layouts from individual components.<\/p>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth opt-slim  opt-well opt-nopadding-bot opt-nopadding-top lazyblock-headline-Z1dFoc7 opt-nopadding-top wp-block-lazyblock-headline\">\n    <div class=\"inner-wrapper\">\n\n        <div class=\"headline-copy-wrapper\">\n\n            <div class=\"headline-wrapper opt-center\">\n                <h2>Flexible design principle<\/h2>\n                                <div class=\"copy-wrapper\">\n                    <p>Whether it&#8217;s a product catalogue, social media post or PPT presentation, our design principle is so flexible that it works regardless of the communication channel or medium. Concise graphic elements, expressive images and a clear typography ensure a high recognition value. Plenty of white space and a focused, uncluttered design lend the layouts a sense of lightness and modernity.<\/p>\n                <\/div>\n                \n                \n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth opt-slim   lazyblock-media-single-ZFm1Aj wp-block-lazyblock-media-single\">\n    <div class=\"inner-wrapper\">\n\n        \n        <div class=\"media-single-wrapper\">\n\n                            \n<div class=\"opt-video\">\n    <div class=\"video-wrapper opt-selfhosted opt-autoplay is-play\">\n        <div class=\"video-control\"><\/div>\n        <video muted playsinline autoplay loop  aria-label=\"video\">\n            <source src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-brandportal-layout-system.mp4\" type=\"video\/mp4\">\n            Your browser does not support the video tag.\n        <\/video>\n    <\/div>\n<\/div>\n            \n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth opt-media-text   lazyblock-media-slider-20P0Uv wp-block-lazyblock-media-slider\">\n    <div class=\"inner-wrapper\">\n        <div class=\"media-text-wrapper \">\n            <div class=\"media-wrapper\">\n\n                <div class=\"carousel carousel-media-slider\">\n                    \n                    \n                    <div class=\"item\">\n                                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-3.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-3.jpg\" alt=\"\" width=\"500\" height=\"375\">\n                                            <\/div>\n                    \n                    \n                    <div class=\"item\">\n                                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-6.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-6.jpg\" alt=\"\" width=\"500\" height=\"375\">\n                                            <\/div>\n                    \n                    \n                    <div class=\"item\">\n                                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-8.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-8.jpg\" alt=\"\" width=\"500\" height=\"375\">\n                                            <\/div>\n                    \n                    \n                    <div class=\"item\">\n                                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-9.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-9.jpg\" alt=\"\" width=\"500\" height=\"375\">\n                                            <\/div>\n                                    <\/div>\n\n            <\/div>\n            <div class=\"text-wrapper \">\n                <h4>Expressivenes: our images<\/h4>\n\n                <p style=\"font-weight: 400;\">Always give images enough space to make an impact. If you combine several motifs within a layout, make sure that they harmonise well in terms of colour and content. You can find important rules and helpful tips on the subject of our visual world in the relevant section in the Brand Portal.<\/p>\n                \n                                    <div class=\"btn-wrapper\">\n                        <a href=\"https:\/\/schneiderpen.com\/brand\/en\/basics\/visual-world\/\" class=\"btn btn-outline\">Go to Visual World<\/a>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth opt-media-text   lazyblock-media-slider-ZgKGNX wp-block-lazyblock-media-slider\">\n    <div class=\"inner-wrapper\">\n        <div class=\"media-text-wrapper opt-switch\">\n            <div class=\"media-wrapper\">\n\n                <div class=\"carousel carousel-media-slider\">\n                    \n                    \n                    <div class=\"item\">\n                                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-7.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-7.jpg\" alt=\"\" width=\"500\" height=\"375\">\n                                            <\/div>\n                    \n                    \n                    <div class=\"item\">\n                                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-1.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-1.jpg\" alt=\"\" width=\"500\" height=\"375\">\n                                            <\/div>\n                    \n                    \n                    <div class=\"item\">\n                                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-12.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-12.jpg\" alt=\"\" width=\"500\" height=\"375\">\n                                            <\/div>\n                                    <\/div>\n\n            <\/div>\n            <div class=\"text-wrapper \">\n                <h4>Uniqueness: the Circle Cut<\/h4>\n\n                <p style=\"font-weight: 400;\">The Circle Cut adds something special to layouts and supports the visual uniqueness of our brand identity. The rounded corner can be used for both colour surfaces and images. In the section on Graphic Elements, you will learn how to construct and use the Circle Cut correctly.<\/p>\n                \n                                    <div class=\"btn-wrapper\">\n                        <a href=\"https:\/\/schneiderpen.com\/brand\/en\/basics\/graphic-elements\/\" class=\"btn btn-outline\">Go to Graphic Elements<\/a>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth opt-media-text   lazyblock-media-slider-2k9NLi wp-block-lazyblock-media-slider\">\n    <div class=\"inner-wrapper\">\n        <div class=\"media-text-wrapper \">\n            <div class=\"media-wrapper\">\n\n                <div class=\"carousel carousel-media-slider\">\n                    \n                    \n                    <div class=\"item\">\n                                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-8.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-8.jpg\" alt=\"\" width=\"500\" height=\"375\">\n                                            <\/div>\n                    \n                    \n                    <div class=\"item\">\n                                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-2-1.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-2-1.jpg\" alt=\"\" width=\"500\" height=\"375\">\n                                            <\/div>\n                    \n                    \n                    <div class=\"item\">\n                                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-6.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-beispiel-katalog-6.jpg\" alt=\"\" width=\"500\" height=\"375\">\n                                            <\/div>\n                                    <\/div>\n\n            <\/div>\n            <div class=\"text-wrapper \">\n                <h4>Clarity: our Typeface<\/h4>\n\n                <p style=\"font-weight: 400;\">Clarity and readability are always top priorities when it comes to layout. Various font styles of the corporate typeface TT Norms Pro Compact are available for design purposes. Use the different styles to create dynamic layouts. In publications, continuous text is primarily set in justified alignment in Regular. If publications are bilingual, the Regular and Light styles are used for continuous text. In the Typeface section, you will find important guidelines on the correct use of fonts.<\/p>\n                \n                                    <div class=\"btn-wrapper\">\n                        <a href=\"https:\/\/schneiderpen.com\/brand\/en\/basics\/typeface\/\" class=\"btn btn-outline\">Go to Typeface<\/a>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth opt-slim  opt-well opt-nopadding-bot  lazyblock-headline-Z1rjYaL wp-block-lazyblock-headline\">\n    <div class=\"inner-wrapper\">\n\n        <div class=\"headline-copy-wrapper\">\n\n            <div class=\"headline-wrapper opt-center\">\n                <h2>Cover<\/h2>\n                                <div class=\"copy-wrapper\">\n                    <p>The cover is the first point of contact readers have with a publication. An expressive design immediately attracts attention and arouses interest. You can achieve this with striking images or exciting product presentations. Our branding elements create a uniform framework: these include the Logo Badge, the Made in Germany signet and our claim. In the Download area, you will find CI-compliant sample files that can be used to get started right away.<\/p>\n                <\/div>\n                \n                \n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth opt-slim  opt-nopadding-bot lazyblock-media-single-1zjdv4 opt-nopadding-bot wp-block-lazyblock-media-single\">\n    <div class=\"inner-wrapper\">\n\n        \n        <div class=\"media-single-wrapper\">\n\n                            <div class=\"image-wrapper\">\n                                            <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-cover.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-cover.jpg\" alt=\"\">\n                                    <\/div>\n            \n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth opt-fullscreen  opt-nopadding-bot lazyblock-media-single-1fiU1Q opt-nopadding-bot wp-block-lazyblock-media-single\">\n    <div class=\"inner-wrapper\">\n\n        \n        <div class=\"media-single-wrapper\">\n\n                            <div class=\"image-wrapper\">\n                                            <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-create-brush-w-hb.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-create-brush-w-hb.jpg\" alt=\"\">\n                                    <\/div>\n            \n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth opt-slim opt-primary  opt-well opt-nopadding-bot opt-nopadding-top lazyblock-headline-1alzVe opt-nopadding-top wp-block-lazyblock-headline\">\n    <div class=\"inner-wrapper\">\n\n        <div class=\"headline-copy-wrapper\">\n\n            <div class=\"headline-wrapper opt-center\">\n                <h2>Schneider Create<\/h2>\n                                <div class=\"copy-wrapper\">\n                    <p>The Schneider Create product range stands out with its rougher, more powerful look. It is strongly influenced by the\u00a0<a href=\"https:\/\/schneiderpen.com\/brand\/en\/basics\/typeface\/\">Makers Line Regular<\/a>, which is used for headlines and quotations. Another striking design element is the\u00a0<a href=\"https:\/\/schneiderpen.com\/brand\/en\/basics\/graphic-elements\/\">Create Brushes<\/a>, which can be placed over large areas or as small individual elements.<\/p>\n                <\/div>\n                \n                                <div class=\"btn-wrapper opt-right\">\n                    <a href=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider_create_brush_library.zip\" class=\"btn btn-download\">Create Brushes Library herunterladen<\/a>\n                <\/div>\n                \n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth  opt-primary opt-well opt-nopadding lazyblock-media-single-2woBof opt-nopadding wp-block-lazyblock-media-single\">\n    <div class=\"inner-wrapper\">\n\n        \n        <div class=\"media-single-wrapper\">\n\n                            <div class=\"image-wrapper\">\n                                            <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-create-small.png\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-layout-create-small.png\" alt=\"\">\n                                    <\/div>\n            \n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth opt-fullscreen  opt-nopadding-top lazyblock-media-single-29S5er opt-nopadding-top wp-block-lazyblock-media-single\">\n    <div class=\"inner-wrapper\">\n\n        \n        <div class=\"media-single-wrapper\">\n\n                            <div class=\"image-wrapper\">\n                                            <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-create-brush-hb-w.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-create-brush-hb-w.jpg\" alt=\"\">\n                                    <\/div>\n            \n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"opt-fullwidth   opt-well opt-nopadding-bot  lazyblock-headline-ZOS5xP wp-block-lazyblock-headline\">\n    <div class=\"inner-wrapper\">\n\n        <div class=\"headline-copy-wrapper\">\n\n            <div class=\"headline-wrapper \">\n                <h2>Downloads<\/h2>\n                \n                \n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n\n<section class=\"opt-fullwidth opt-nopadding   lazyblock-downloads-Z2piINz wp-block-lazyblock-downloads\">\n    <div class=\"inner-wrapper\">\n\n        <div class=\"downloads-wrapper\">\n\n            <div class=\"download-headline-wrapper\">\n                <h4>DIN A4 Cover<\/h4>\n            <\/div>\n            <div class=\"download-content-wrapper\">\n                <div class=\"download-content\">\n\n                    \n                    \n                    <div class=\"download-row  \">\n                        <span>\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-1.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-1.jpg\" alt=\"DIN A4 Write\">                            <\/div>\n                            <div class=\"item-desc\">DIN A4 Write<\/div>\n                        <\/span>\n                                                                                                                                                <span><a href=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/sch_cover_template_write_dina4.zip\" target=\"_blank\">.indd<\/a><\/span>                                                                            <span><\/span>\n                                                                    <\/div>\n                    \n                    \n                    <div class=\"download-row  \">\n                        <span>\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-2.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-2.jpg\" alt=\"DIN A4 Create\">                            <\/div>\n                            <div class=\"item-desc\">DIN A4 Create<\/div>\n                        <\/span>\n                                                                                                                                                <span><a href=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/sch_cover_template_create_dina4.zip\" target=\"_blank\">.indd<\/a><\/span>                                                                            <span><\/span>\n                                                                    <\/div>\n                    \n                    \n                    <div class=\"download-row  \">\n                        <span>\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-3.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-3.jpg\" alt=\"DIN A4 Promote\">                            <\/div>\n                            <div class=\"item-desc\">DIN A4 Promote<\/div>\n                        <\/span>\n                                                                                                                                                <span><a href=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/sch_cover_template_promote_dina4.zip\" target=\"_blank\">.indd<\/a><\/span>                                                                            <span><\/span>\n                                                                    <\/div>\n                    \n                    \n                    <div class=\"download-row  \">\n                        <span>\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-4.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-4.jpg\" alt=\"DIN A4 Write and Create\">                            <\/div>\n                            <div class=\"item-desc\">DIN A4 Write and Create<\/div>\n                        <\/span>\n                                                                                                                                                <span><a href=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/sch_cover_template_write_create_dina4.zip\" target=\"_blank\">.indd<\/a><\/span>                                                                            <span><\/span>\n                                                                    <\/div>\n                    \n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n\n<section class=\"opt-fullwidth opt-nopadding opt-padding-bot  lazyblock-downloads-Z24RJm9 wp-block-lazyblock-downloads\">\n    <div class=\"inner-wrapper\">\n\n        <div class=\"downloads-wrapper\">\n\n            <div class=\"download-headline-wrapper\">\n                <h4>DIN A5 Cover<\/h4>\n            <\/div>\n            <div class=\"download-content-wrapper\">\n                <div class=\"download-content\">\n\n                    \n                    \n                    <div class=\"download-row  \">\n                        <span>\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-5.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-5.jpg\" alt=\"DIN A5 Write\">                            <\/div>\n                            <div class=\"item-desc\">DIN A5 Write<\/div>\n                        <\/span>\n                                                                                                                                                <span><a href=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/sch_cover_template_write_dina5.zip\" target=\"_blank\">.indd<\/a><\/span>                                                                            <span><\/span>\n                                                                    <\/div>\n                    \n                    \n                    <div class=\"download-row  \">\n                        <span>\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-6.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-6.jpg\" alt=\"DIN A5 Create\">                            <\/div>\n                            <div class=\"item-desc\">DIN A5 Create<\/div>\n                        <\/span>\n                                                                                                                                                <span><a href=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/sch_cover_template_create_dina5.zip\" target=\"_blank\">.indd<\/a><\/span>                                                                            <span><\/span>\n                                                                    <\/div>\n                    \n                    \n                    <div class=\"download-row  \">\n                        <span>\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-7.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-7.jpg\" alt=\"DIN A5 Promote\">                            <\/div>\n                            <div class=\"item-desc\">DIN A5 Promote<\/div>\n                        <\/span>\n                                                                                                                                                <span><a href=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/sch_cover_template_promote_dina5.zip\" target=\"_blank\">.indd<\/a><\/span>                                                                            <span><\/span>\n                                                                    <\/div>\n                    \n                    \n                    <div class=\"download-row  \">\n                        <span>\n                            <div class=\"image-wrapper\">\n                                <img decoding=\"async\" class=\"lozad\" src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-8.jpg\" data-src=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/schneider-areaflag-downloads-8.jpg\" alt=\"DIN A5 Write and Create\">                            <\/div>\n                            <div class=\"item-desc\">DIN A5 Write and Create<\/div>\n                        <\/span>\n                                                                                                                                                <span><a href=\"https:\/\/schneiderpen.com\/brand\/wp-content\/uploads\/sch_cover_template_write_create_dina5.zip\" target=\"_blank\">.indd<\/a><\/span>                                                                            <span><\/span>\n                                                                    <\/div>\n                    \n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n\n<section class=\"opt-fullwidth  lazyblock-teaser-cards-small-2lqt02 wp-block-lazyblock-teaser-cards-small\">\n    <div class=\"inner-wrapper\">\n\n                <div class=\"headline-wrapper\">\n            <h2>Important elements and design principles<\/h2>\n        <\/div>\n                \n        <div class=\"teaser-cards-small-wrapper\">\n            <div class=\"teaser-cards-small\">\n\n                \n                \n                <a href=\"https:\/\/schneiderpen.com\/brand\/en\/basics\/typeface\/\">\n                    <div class=\"caption-wrapper\">\n                        <h3>Typeface<\/h3>\n                    <\/div>\n                <\/a>\n\n                \n                \n                <a href=\"https:\/\/schneiderpen.com\/brand\/en\/basics\/graphic-elements\/\">\n                    <div class=\"caption-wrapper\">\n                        <h3>Graphic Elements<\/h3>\n                    <\/div>\n                <\/a>\n\n                \n                \n                <a href=\"https:\/\/schneiderpen.com\/brand\/en\/basics\/visual-world\/\">\n                    <div class=\"caption-wrapper\">\n                        <h3>Visual World<\/h3>\n                    <\/div>\n                <\/a>\n\n                \n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":8,"featured_media":0,"parent":8666,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-8672","page","type-page","status-publish","hentry"],"acf":[],"lang":"en","translations":{"en":8672,"de":1584},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/schneiderpen.com\/brand\/wp-json\/wp\/v2\/pages\/8672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schneiderpen.com\/brand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schneiderpen.com\/brand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schneiderpen.com\/brand\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/schneiderpen.com\/brand\/wp-json\/wp\/v2\/comments?post=8672"}],"version-history":[{"count":6,"href":"https:\/\/schneiderpen.com\/brand\/wp-json\/wp\/v2\/pages\/8672\/revisions"}],"predecessor-version":[{"id":11359,"href":"https:\/\/schneiderpen.com\/brand\/wp-json\/wp\/v2\/pages\/8672\/revisions\/11359"}],"up":[{"embeddable":true,"href":"https:\/\/schneiderpen.com\/brand\/wp-json\/wp\/v2\/pages\/8666"}],"wp:attachment":[{"href":"https:\/\/schneiderpen.com\/brand\/wp-json\/wp\/v2\/media?parent=8672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}