{"id":960,"date":"2025-11-19T07:23:46","date_gmt":"2025-11-19T07:23:46","guid":{"rendered":"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/?page_id=960"},"modified":"2025-12-17T05:33:40","modified_gmt":"2025-12-17T05:33:40","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<section class=\"bde-section-960-274 bde-section\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<div class=\"section-container\"><div class=\"bde-div-960-275 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-icon-list-960-276 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-realtor-agency-layout-pack\" target=\"_self\" data-type=\"url\"  >\n\n      \n      <span class='bde-icon-list__icon'>\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-960-277 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-960-278 bde-text\">\nStyle Guide\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-960-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-960-101 bde-heading bde-preset-5fdcc1a1-a2e2-4a0b-939a-59789b8efbdb\">\nLogo Style\n<\/h2><div class=\"bde-div-960-108 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-102 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-960-103 bde-image2\" src=\"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-content\/uploads\/sites\/86\/2025\/11\/Pixels-logo-1.png\" loading=\"lazy\" srcset=\"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-content\/uploads\/sites\/86\/2025\/11\/Pixels-logo-1.png 400w, https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-content\/uploads\/sites\/86\/2025\/11\/Pixels-logo-1-300x102.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\"><h3 class=\"bde-heading-960-104 bde-heading bde-preset-b6ab4a8d-a739-4664-82b6-ee9e9c51fc31\">\nBlack Logo\n<\/h3>\n<\/div><div class=\"bde-div-960-105 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-960-106 bde-image2\" src=\"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-content\/uploads\/sites\/86\/2025\/11\/Pixels-logo-2-1.png\" loading=\"lazy\" srcset=\"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-content\/uploads\/sites\/86\/2025\/11\/Pixels-logo-2-1.png 400w, https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-content\/uploads\/sites\/86\/2025\/11\/Pixels-logo-2-1-300x102.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\"><h3 class=\"bde-heading-960-109 bde-heading bde-preset-d33b3bc7-0f7e-44eb-a542-631db284348a\">\nWhite Logo\n<\/h3>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-960-112 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-960-113 bde-heading bde-preset-5fdcc1a1-a2e2-4a0b-939a-59789b8efbdb\">\nHeading\n<\/h2><div class=\"bde-grid-960-217 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-115 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-120 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-960-114 bde-heading\">\nTitle 01\n<\/h1><h2 class=\"bde-heading-960-121 bde-heading\">\n(h1) Heading \n<\/h2>\n<\/div><div class=\"bde-div-960-116 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-960-119 bde-heading\">\nFont-Size : 48px\n<\/h3><h3 class=\"bde-heading-960-118 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-960-122 bde-heading\">\nFont-Weight : 500\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-960-218 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-219 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-960-220 bde-heading\">\nTitle 02\n<\/h2><h2 class=\"bde-heading-960-221 bde-heading\">\n(h2) Heading Title\n<\/h2>\n<\/div><div class=\"bde-div-960-222 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-960-223 bde-heading\">\nFont-Size : 44px\n<\/h3><h3 class=\"bde-heading-960-224 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-960-225 bde-heading\">\nFont-Weight : 500\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-960-226 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-227 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-960-228 bde-heading\">\nTitle 03\n<\/h1><h2 class=\"bde-heading-960-229 bde-heading\">\n(h3) Heading  small\n<\/h2>\n<\/div><div class=\"bde-div-960-230 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-960-231 bde-heading\">\nFont-Size : 18px\n<\/h3><h3 class=\"bde-heading-960-232 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-960-233 bde-heading\">\nFont-Weight : 500\n<\/h3>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-960-234 bde-heading bde-preset-5fdcc1a1-a2e2-4a0b-939a-59789b8efbdb\">\nText\n<\/h2><div class=\"bde-grid-960-235 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-236 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-237 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-960-238 bde-heading\">\nBody Font-Style\n<\/h1>\n<\/div><div class=\"bde-div-960-240 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-960-241 bde-heading\">\nFont-Size : 18px\n<\/h3><h3 class=\"bde-heading-960-242 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-960-243 bde-heading\">\nFont-Weight : 400\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-960-260 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-261 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-960-262 bde-heading\">\nText-Link\n<\/h1>\n<\/div><div class=\"bde-div-960-263 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-960-264 bde-heading\">\nFont-Size : 18px\n<\/h3><h3 class=\"bde-heading-960-265 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-960-266 bde-heading\">\nFont-Weight : 400\n<\/h3>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-960-155 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-960-156 bde-heading bde-preset-5fdcc1a1-a2e2-4a0b-939a-59789b8efbdb\">\nColor Style\n<\/h2><div class=\"bde-grid-960-166 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-175 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-176 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-960-177 bde-heading\">\n#F8F8F8\n<\/h4>\n<\/div><div class=\"bde-text-960-178 bde-text\">\n--bdp_primary\n<\/div>\n<\/div><div class=\"bde-div-960-170 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-167 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-960-168 bde-heading\">\n#1c1e1f\n<\/h4>\n<\/div><div class=\"bde-text-960-169 bde-text\">\n--bdp_secondary\n<\/div>\n<\/div><div class=\"bde-div-960-183 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-184 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-960-185 bde-heading\">\n#6c7072\n<\/h4>\n<\/div><div class=\"bde-text-960-186 bde-text\">\n--bdp_text\n<\/div>\n<\/div><div class=\"bde-div-960-179 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-960-180 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-960-181 bde-heading\">\n#a4520d\n<\/h4>\n<\/div><div class=\"bde-text-960-182 bde-text\">\n--bdp_background\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-960-187 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-960-188 bde-heading bde-preset-5fdcc1a1-a2e2-4a0b-939a-59789b8efbdb\">\nbutton Variable\n<\/h2><div class=\"bde-div-960-208 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-960-206 bde-button\">\n    \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-960-207 bde-button\">\n    \n                        \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><div class=\"bde-icon-960-209 bde-icon\">\n\n    \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link bde-icon-icon breakdance-icon-atom\" href=\"#\" target=\"_self\" data-type=\"url\"  >\n\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-arrow-up-right2\" viewBox=\"0 0 32 32\">\n<path d=\"M7.414 27.414l16.586-16.586v7.172c0 1.105 0.895 2 2 2s2-0.895 2-2v-12c0-0.809-0.487-1.538-1.235-1.848-0.248-0.103-0.508-0.151-0.765-0.151v-0.001h-12c-1.105 0-2 0.895-2 2s0.895 2 2 2h7.172l-16.586 16.586c-0.391 0.39-0.586 0.902-0.586 1.414s0.195 1.024 0.586 1.414c0.781 0.781 2.047 0.781 2.828 0z\"\/>\n<\/svg>\n        \n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-button-960-273 bde-button bde-preset-f20f8899-c5c5-443f-a32f-619e1189d4fe\">\n    \n                        \n                        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">Custome 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 Logo Style Black Logo White Logo Heading Title 01 (h1) Heading Font-Size : 48px Line Height : 1.2em Font-Weight : 500 Title 02 (h2) Heading Title Font-Size : 44px Line Height : 1.2em Font-Weight : 500 Title 03 (h3) Heading small Font-Size : 18px Line Height : 1.2em Font-Weight : 500 Text [&hellip;]<\/p>\n","protected":false},"author":4,"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-960","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-json\/wp\/v2\/pages\/960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-json\/wp\/v2\/comments?post=960"}],"version-history":[{"count":0,"href":"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-json\/wp\/v2\/pages\/960\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdwebkit.com\/breakdance-realtor-agency-layout-pack\/wp-json\/wp\/v2\/media?parent=960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}