{"id":1996,"date":"2025-12-08T05:03:25","date_gmt":"2025-12-08T05:03:25","guid":{"rendered":"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/?page_id=1996"},"modified":"2025-12-17T05:32:29","modified_gmt":"2025-12-17T05:32:29","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<section class=\"bde-section-1996-347 bde-section\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n        <div class=\"section-shape-divider-wrapper section-shape-divider-wrapper--1\">\n          <span class=\"section-shape-divider\">\n                      <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                viewBox=\"0 0 1440 320\"\n                preserveAspectRatio=\"none\"\n            >\n              <path fill=\"currentColor\" fill-opacity=\"1\" d=\"M0,160L120,181.3C240,203,480,245,720,224C960,203,1200,117,1320,74.7L1440,32L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z\"><\/path>\n            <\/svg>\n                    <\/span>\n      <\/div>\n  <div class=\"section-container\"><div class=\"bde-div-1996-348 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-icon-list-1996-349 bde-icon-list\">\n<ul>\n  \n              \n    <li>\n                      \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link bde-icon-list__item-wrapper\" href=\"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\" target=\"_self\" data-type=\"url\"  >\n\n      \n      <span class='bde-icon-list__icon' aria-hidden='true'>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-home\" viewBox=\"0 0 32 32\">\n<path d=\"M32 18.451l-16-12.42-16 12.42v-5.064l16-12.42 16 12.42zM28 18v12h-8v-8h-8v8h-8v-12l12-9z\"\/>\n<\/svg>\n      <\/span>\n      <span class='bde-icon-list__text' >\n      Home\n      <\/span>\n                  <\/a>\n\n      \n    <\/li>\n\n  <\/ul>\n\n<\/div><div class=\"bde-icon-1996-350 bde-icon\">\n\n    \n            <div class=\"bde-icon-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"\/><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n\n<\/div><div class=\"bde-text-1996-351 bde-text\">\nStyle Guide\n<\/div>\n<\/div><h2 class=\"bde-heading-1996-352 bde-heading bde-preset-1c8eabcf-e646-44a6-83cf-81df7d8c55f5\">\nStyle Guide\n<\/h2><\/div>\n<\/section><section class=\"bde-section-1996-361 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-1996-362 bde-heading bde-preset-518b9aec-9653-41a1-ad9e-4702a84b91a4\">\nLogo Style\n<\/h2><div class=\"bde-div-1996-363 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-364 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-1996-365 bde-image2\" src=\"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-content\/uploads\/sites\/75\/2025\/11\/Pixels-logo-1.png\" loading=\"lazy\" srcset=\"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-content\/uploads\/sites\/75\/2025\/11\/Pixels-logo-1.png 400w, https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-content\/uploads\/sites\/75\/2025\/11\/Pixels-logo-1-300x102.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\"><h3 class=\"bde-heading-1996-366 bde-heading bde-preset-b6ab4a8d-a739-4664-82b6-ee9e9c51fc31\">\nBlack Logo\n<\/h3>\n<\/div><div class=\"bde-div-1996-367 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-1996-368 bde-image2\" src=\"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-content\/uploads\/sites\/75\/2025\/11\/Pixels-logo-2-1.png\" loading=\"lazy\" srcset=\"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-content\/uploads\/sites\/75\/2025\/11\/Pixels-logo-2-1.png 400w, https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-content\/uploads\/sites\/75\/2025\/11\/Pixels-logo-2-1-300x102.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\"><h3 class=\"bde-heading-1996-369 bde-heading bde-preset-d33b3bc7-0f7e-44eb-a542-631db284348a\">\nWhite Logo\n<\/h3>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-1996-413 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-1996-414 bde-heading bde-preset-518b9aec-9653-41a1-ad9e-4702a84b91a4\">\nColor Style\n<\/h2><div class=\"bde-grid-1996-415 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-416 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-417 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1996-418 bde-heading\">\n#DD3842\n<\/h4>\n<\/div><div class=\"bde-text-1996-419 bde-text\">\n--bdp_primary\n<\/div>\n<\/div><div class=\"bde-div-1996-420 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-421 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1996-422 bde-heading\">\n#232222\n<\/h4>\n<\/div><div class=\"bde-text-1996-423 bde-text\">\n--bdp_secondary\n<\/div>\n<\/div><div class=\"bde-div-1996-424 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-425 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1996-426 bde-heading\">\n#ebebeb\n<\/h4>\n<\/div><div class=\"bde-text-1996-427 bde-text\">\n--bdp_light\n<\/div>\n<\/div><div class=\"bde-div-1996-463 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-464 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1996-465 bde-heading\">\n#202020\n<\/h4>\n<\/div><div class=\"bde-text-1996-466 bde-text\">\nHeadings\n<\/div>\n<\/div><div class=\"bde-div-1996-467 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-468 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1996-469 bde-heading\">\n#FFFFFFFF\n<\/h4>\n<\/div><div class=\"bde-text-1996-470 bde-text\">\nBackground\n<\/div>\n<\/div><div class=\"bde-div-1996-471 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-472 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1996-473 bde-heading\">\n#666666\n<\/h4>\n<\/div><div class=\"bde-text-1996-474 bde-text\">\nText\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-1996-480 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-1996-481 bde-heading bde-preset-518b9aec-9653-41a1-ad9e-4702a84b91a4\">\nContainer\n<\/h2><div class=\"bde-grid-1996-482 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-483 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-487 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-1996-488 bde-heading\">\nWidth : 1300px\n<\/h5><h5 class=\"bde-heading-1996-489 bde-heading\">\nvertical Padding : 60px\n<\/h5><h5 class=\"bde-heading-1996-490 bde-heading\">\nHorizontal Padding : 20px\n<\/h5><h5 class=\"bde-heading-1996-547 bde-heading\">\nColumn Gap : 30px\n<\/h5>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-1996-548 bde-heading bde-preset-518b9aec-9653-41a1-ad9e-4702a84b91a4\">\nText\n<\/h2><div class=\"bde-grid-1996-532 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-533 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-534 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-1996-535 bde-heading\">\nBody Font-Style\n<\/h5>\n<\/div><div class=\"bde-div-1996-536 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-1996-537 bde-heading\">\nFont-Size : 16px\n<\/h5><h5 class=\"bde-heading-1996-538 bde-heading\">\nLine Height : 1.2em\n<\/h5><h5 class=\"bde-heading-1996-539 bde-heading\">\nFont-Weight : 400\n<\/h5>\n<\/div>\n<\/div><div class=\"bde-div-1996-540 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-541 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-1996-542 bde-heading\">\nText-Link\n<\/h5>\n<\/div><div class=\"bde-div-1996-543 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-1996-544 bde-heading\">\nFont-Size : 18px\n<\/h5><h5 class=\"bde-heading-1996-545 bde-heading\">\nLine Height : 1.2em\n<\/h5><h5 class=\"bde-heading-1996-546 bde-heading\">\nFont-Weight : 400\n<\/h5>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-1996-531 bde-heading bde-preset-518b9aec-9653-41a1-ad9e-4702a84b91a4\">\nFont-Family\n<\/h2><div class=\"bde-grid-1996-549 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1996-550 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-1996-552 bde-heading\">\nHeading - font Family : Outfit<br>\n<\/h5><h5 class=\"bde-heading-1996-554 bde-heading\">\nFont-weight :600\n<\/h5><h5 class=\"bde-heading-1996-555 bde-heading\">\nline height : 1.2em\n<\/h5>\n<\/div><div class=\"bde-div-1996-564 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-1996-565 bde-heading\">\nBody - font Family : Nunito Sans<br>\n<\/h5><h5 class=\"bde-heading-1996-566 bde-heading\">\nFont-weight :400\n<\/h5><h5 class=\"bde-heading-1996-567 bde-heading\">\nline height : 1.2em\n<\/h5><h5 class=\"bde-heading-1996-568 bde-heading\">\nBase Size : 16px\n<\/h5>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-1996-432 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-1996-433 bde-heading bde-preset-5fdcc1a1-a2e2-4a0b-939a-59789b8efbdb\">\nbutton Variable\n<\/h2><div class=\"bde-div-1996-434 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-1996-435 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-1996-436 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>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Home Style Guide Style Guide Logo Style Black Logo White Logo Color Style #DD3842 &#8211;bdp_primary #232222 &#8211;bdp_secondary #ebebeb &#8211;bdp_light #202020 Headings #FFFFFFFF Background #666666 Text Container Width : 1300px vertical Padding : 60px Horizontal Padding : 20px Column Gap : 30px Text Body Font-Style Font-Size : 16px Line Height : 1.2em Font-Weight : 400 Text-Link [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-1996","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-json\/wp\/v2\/pages\/1996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-json\/wp\/v2\/comments?post=1996"}],"version-history":[{"count":0,"href":"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-json\/wp\/v2\/pages\/1996\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdwebkit.com\/breakdance-shoes-store-layouts-pack\/wp-json\/wp\/v2\/media?parent=1996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}