{"id":11608,"date":"2026-08-08T16:09:25","date_gmt":"2026-08-08T14:09:25","guid":{"rendered":"https:\/\/krabbenfoor.bergenopzoom.nu\/globals-breakdance\/"},"modified":"2026-08-08T16:09:25","modified_gmt":"2026-08-08T14:09:25","slug":"globals-breakdance","status":"publish","type":"page","link":"https:\/\/krabbenfoor.bergenopzoom.nu\/en\/globals-breakdance\/","title":{"rendered":"Globals Breakdance"},"content":{"rendered":"<main id='bde-main'><section class=\"bde-section-11608-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-11608-101 bde-heading\">\nGlobal Styling Guide\n<\/h1><div class=\"bde-fancy-divider-11608-102 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><div class=\"bde-div-11608-103 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-11608-104 bde-heading\">\nColor Palette\n<\/h2><div class=\"bde-text-11608-105 bde-text\">\nFrom left to right is the brand all the way down to the background colors\n<\/div>\n<\/div><div class=\"bde-div-11608-106 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-11608-107 bde-heading\">\nMain Palette\n<\/h2><div class=\"bde-columns-11608-108 bde-columns\"><div class=\"bde-column-11608-109 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-110 bde-text\">\nBrand\n<\/div>\n<\/div><div class=\"bde-column-11608-111 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-112 bde-text\">\nText\n<\/div>\n<\/div><div class=\"bde-column-11608-113 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-114 bde-text\">\nHeading\n<\/div>\n<\/div><div class=\"bde-column-11608-115 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-116 bde-text\">\nLinks\n<\/div>\n<\/div><div class=\"bde-column-11608-117 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-118 bde-text\">\nBackground\n<\/div>\n<\/div><\/div>\n<\/div><div class=\"bde-div-11608-119 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-11608-120 bde-heading\">\nSub Palette\n<\/h2><div class=\"bde-columns-11608-121 bde-columns\"><div class=\"bde-column-11608-122 bde-column\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-column-11608-123 bde-column\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-column-11608-124 bde-column\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-column-11608-125 bde-column\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-column-11608-126 bde-column\">\n  \n  \n\t\n\n\n\n\n<\/div><\/div>\n<\/div><div class=\"bde-div-11608-127 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-11608-128 bde-heading\">\nText Guide\n<\/h2><div class=\"bde-fancy-divider-11608-129 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><h6 class=\"bde-heading-11608-130 bde-heading\">\nBase Font Size\n<\/h6><div class=\"bde-fancy-divider-11608-131 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><h1 class=\"bde-heading-11608-132 bde-heading\">\nH1 - Welcome to our design studio\n<\/h1><h2 class=\"bde-heading-11608-133 bde-heading\">\nH2 - The power of great design\n<\/h2><h3 class=\"bde-heading-11608-134 bde-heading\">\nH3 - The power of great design\n<\/h3><h4 class=\"bde-heading-11608-135 bde-heading\">\nH4 - Why choose our design studio?\n<\/h4><h5 class=\"bde-heading-11608-136 bde-heading\">\nH5 - Design services we offer\n<\/h5><h6 class=\"bde-heading-11608-137 bde-heading\">\nH6 - Contact us today\n<\/h6>\n<\/div><div class=\"bde-div-11608-138 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-11608-139 bde-heading\">\nBody Text\n<\/h2><div class=\"bde-fancy-divider-11608-140 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><div class=\"bde-rich-text-11608-141 bde-rich-text breakdance-rich-text-styles\">\n<p>At our design studio, we strive to create beautiful and functional designs that inspire and delight. Our team of experienced designers are passionate about bringing your ideas to life and creating memorable experiences for your audience. Whether you need a new website, logo, or marketing materials, we're here to help.<br><br>Our design process is collaborative and iterative, meaning that we work closely with you every step of the way to ensure that the final product meets your expectations and exceeds them. We believe that great design is not only visually appealing, but also communicates your message effectively and drives results for your business.<\/p>\n<\/div>\n<\/div><div class=\"bde-div-11608-142 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-11608-143 bde-heading\">\nLinks\n<\/h2><div class=\"bde-fancy-divider-11608-144 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><a class=\"bde-text-link-11608-145 bde-text-link breakdance-link\" href=\"https:\/\/breakdance.com\/\" target=\"_self\" data-type=\"url\" rel=\"noopener\">\n  This is a Text Link\n\n<\/a><div class=\"bde-button-11608-146 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--primary bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">Primary Button<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div><div class=\"bde-button-11608-147 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--secondary bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">Secondary Button<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div><div class=\"bde-div-11608-148 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-11608-149 bde-heading\">\nForm\n<\/h2><div class=\"bde-fancy-divider-11608-150 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><div class=\"bde-form-builder-11608-151 bde-form-builder\">\n\n<form id=\"contact-form151\" class=\"breakdance-form breakdance-form--vertical\" data-options=\"{&quot;slug&quot;:&quot;custom&quot;,&quot;name&quot;:&quot;Contact Form&quot;,&quot;ajaxUrl&quot;:&quot;https:\\\/\\\/krabbenfoor.bergenopzoom.nu\\\/wp-admin\\\/admin-ajax.php&quot;,&quot;clearOnSuccess&quot;:true,&quot;hideOnSuccess&quot;:false,&quot;successMessage&quot;:&quot;Your message has been received!&quot;,&quot;errorMessage&quot;:&quot;Something went wrong&quot;,&quot;redirect&quot;:false,&quot;redirectUrl&quot;:&quot;&quot;,&quot;customJavaScript&quot;:&quot;&quot;,&quot;recaptcha&quot;:{&quot;key&quot;:&quot;&quot;,&quot;enabled&quot;:false},&quot;honeypot_enabled&quot;:false,&quot;popupsOnSuccess&quot;:[],&quot;popupsOnError&quot;:[]}\" data-steps=\"0\" >\n  \n  \n  \n<div class=\"breakdance-form-field breakdance-form-field--text\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"name\">\n            Name<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"name\"\n    aria-describedby=\"name\"\n    type=\"text\"\n    name=\"fields[name]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n    \n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--email\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"email\">\n            Email<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"email\"\n    aria-describedby=\"email\"\n    type=\"email\"\n    name=\"fields[email]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n    \n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--textarea\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"message\">\n            Message<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <textarea\n    class=\"breakdance-form-field__input\"\n    id=\"message\"\n    aria-describedby=\"message\"\n    type=\"textarea\"\n    name=\"fields[message]\"\n        placeholder=\"\"\n    required\n    \n    \n    >\n<\/textarea>\n\n\n    \n    \n<\/div><div class=\"breakdance-form-field breakdance-form-footer\">    \n    \n    \n    \n    \n            \n            <button type=\"submit\" class=\"button-atom button-atom--primary breakdance-form-button breakdance-form-button__submit\"  >\n    \n        <span class=\"button-atom__text\">Submit<\/span>\n\n        \n        \n            <\/button>\n    \n    <input type=\"hidden\" name=\"form_id\" value=\"151\">\n    <input type=\"hidden\" name=\"post_id\" value=\"11608\">\n<\/div>\n\n  \n<\/form>\n\n\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-11608-152 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-11608-153 bde-columns\"><div class=\"bde-column-11608-154 bde-column\">\n  \n  \n\t\n\n\n\n<h6 class=\"bde-heading-11608-155 bde-heading\">\nHeadings and Titles:\n<\/h6><h1 class=\"bde-heading-11608-156 bde-heading\">\nHeading One<br>(Page Title)\n<\/h1><h2 class=\"bde-heading-11608-157 bde-heading\">\nHeading Two<br>(Section Title)\n<\/h2><h3 class=\"bde-heading-11608-158 bde-heading\">\nHeading Three<br>(Block Title)\n<\/h3><h4 class=\"bde-heading-11608-159 bde-heading\">\nHeading Four<br>(Leading \/ Subheading)\n<\/h4><h5 class=\"bde-heading-11608-160 bde-heading\">\nHeading Five<br>(Uppercase)\n<\/h5><h6 class=\"bde-heading-11608-161 bde-heading\">\nHeading Six<br>(Label)\n<\/h6>\n<\/div><div class=\"bde-column-11608-162 bde-column\">\n  \n  \n\t\n\n\n\n<h6 class=\"bde-heading-11608-163 bde-heading\">\nParagraph Normal:\n<\/h6><div class=\"bde-text-11608-164 bde-text\">\nYour personal data will be used to process your order, support your experience throughout this website, and for other purposes described in our privacy policy.\n<\/div><h6 class=\"bde-heading-11608-165 bde-heading\">\nParagraph Bold:\n<\/h6><div class=\"bde-text-11608-166 bde-text\">\nYour personal data will be used to process your order, support your experience throughout this website, and for other purposes described in our privacy policy.\n<\/div><h6 class=\"bde-heading-11608-167 bde-heading\">\nParagraph Italic:\n<\/h6><div class=\"bde-text-11608-168 bde-text\">\nYour personal data will be used to process your order, support your experience throughout this website, and for other purposes described in our privacy policy.\n<\/div><h6 class=\"bde-heading-11608-169 bde-heading\">\nText Link:\n<\/h6><a class=\"bde-text-link-11608-170 bde-text-link breakdance-link\" href=\"https:\/\/breakdance.com\/\" target=\"_self\" data-type=\"url\" rel=\"noopener\">\n  Learn More\n\n<\/a><h6 class=\"bde-heading-11608-171 bde-heading\">\nButtons:\n<\/h6><div class=\"bde-button-11608-172 bde-button\">\n        \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--primary bde-button__button\" href=\"#\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Primary Button<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-button-11608-173 bde-button\">\n        \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--secondary bde-button__button\" href=\"#\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Secondary Button<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><div class=\"bde-column-11608-174 bde-column\">\n  \n  \n\t\n\n\n\n<h6 class=\"bde-heading-11608-175 bde-heading\">\nColour Palette:\n<\/h6><div class=\"bde-div-11608-176 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-177 bde-text\">\nBrand Primary\n<\/div>\n<\/div><div class=\"bde-div-11608-178 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-179 bde-text\">\nLinks\n<\/div>\n<\/div><div class=\"bde-div-11608-180 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-181 bde-text\">\nBlack\n<\/div>\n<\/div><div class=\"bde-div-11608-182 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-183 bde-text\">\nHeadings\n<\/div>\n<\/div><div class=\"bde-div-11608-184 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-185 bde-text\">\nText\n<\/div>\n<\/div><div class=\"bde-div-11608-186 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-187 bde-text\">\nPlaceholders\n<\/div>\n<\/div><div class=\"bde-div-11608-188 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-189 bde-text\">\nBorders\n<\/div>\n<\/div><div class=\"bde-div-11608-190 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-191 bde-text\">\nHighlight\n<\/div>\n<\/div><div class=\"bde-div-11608-192 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-11608-193 bde-text\">\nBackground\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><\/main>","protected":false},"excerpt":{"rendered":"<p>Global Styling Guide Color Palette From left to right is the brand all the way down to the background colors Main Palette Brand Text Heading Links Background Sub Palette Text Guide Base Font Size H1 &#8211; Welcome to our design studio H2 &#8211; The power of great design H3 &#8211; The power of great design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-11608","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/krabbenfoor.bergenopzoom.nu\/en\/wp-json\/wp\/v2\/pages\/11608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/krabbenfoor.bergenopzoom.nu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/krabbenfoor.bergenopzoom.nu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/krabbenfoor.bergenopzoom.nu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/krabbenfoor.bergenopzoom.nu\/en\/wp-json\/wp\/v2\/comments?post=11608"}],"version-history":[{"count":0,"href":"https:\/\/krabbenfoor.bergenopzoom.nu\/en\/wp-json\/wp\/v2\/pages\/11608\/revisions"}],"wp:attachment":[{"href":"https:\/\/krabbenfoor.bergenopzoom.nu\/en\/wp-json\/wp\/v2\/media?parent=11608"}],"curies":[{"name":"well played","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}