{"id":1253,"date":"2025-12-05T11:37:52","date_gmt":"2025-12-05T11:37:52","guid":{"rendered":"https:\/\/bdwebkit.com\/breakdance-wildlife-layouts-pack\/?page_id=1253"},"modified":"2025-12-05T12:03:20","modified_gmt":"2025-12-05T12:03:20","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/bdwebkit.com\/breakdance-wildlife-layouts-pack\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<section class=\"bde-section-1253-113 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-1253-114 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-dual-heading-1253-115 bde-dual-heading bde-preset-f0cf4d4f-c6d1-4c70-9e2b-22a1d898d40a\">\n\n\n            <span data-style=\"secondary\" class=\"dual-heading--secondary  \">Style <\/span>\n\n            <span data-style=\"primary\" class=\"dual-heading--primary  \">Guide <\/span>\n\n\n\n<\/h2><div class=\"bde-fancy-divider-1253-116 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-1253-117 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1253-118 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1253-119 bde-div\">\n  \n  \n\t\n\n\n\n<a class=\"bde-text-link-1253-120 bde-text-link breakdance-link\" href=\"https:\/\/bdwebkit.com\/breakdance-wildlife-layouts-pack\" target=\"_self\" data-type=\"url\">\n  Home\n\n<\/a><a class=\"bde-text-link-1253-121 bde-text-link breakdance-link\" href=\"#\" target=\"_self\">\n  \/\n\n<\/a><a class=\"bde-text-link-1253-122 bde-text-link breakdance-link\" target=\"_self\" data-type=\"url\">\n  Style Guide\n\n<\/a>\n<\/div><h3 class=\"bde-heading-1253-123 bde-heading\">\n Theme style<br>\n<\/h3>\n<\/div><div class=\"bde-fancy-divider-1253-124 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-text-1253-125 bde-text\">\nStandards and guidelines of this template.\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-1253-126 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1253-127 bde-columns\"><div class=\"bde-column-1253-128 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-1253-130 bde-button\">\n    \n                        \n                        \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#Color\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Color<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-button-1253-131 bde-button\">\n    \n                        \n                        \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#Typography\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Typography<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-button-1253-132 bde-button\">\n    \n                        \n                        \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#Button\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Button<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><div class=\"bde-column-1253-133 bde-column\">\n  \n  \n\t\n\n\n\n<h3 id=\"Color\" class=\"bde-heading-1253-134 bde-heading\">\nColor style\n<\/h3><div class=\"bde-fancy-divider-1253-135 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-columns-1253-136 bde-columns\"><div class=\"bde-column-1253-137 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1253-138 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1253-139 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-140 bde-heading\">\nWhitesmoke\n<\/h3><div class=\"bde-text-1253-141 bde-text\">\n#f0f0f0\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-1253-142 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1253-143 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1253-144 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-145 bde-heading\">\nWhite\n<\/h3><div class=\"bde-text-1253-146 bde-text\">\n#FFFFFF\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-1253-147 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1253-148 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1253-149 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-150 bde-heading\">\nBlack\n<\/h3><div class=\"bde-text-1253-151 bde-text\">\n#000\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-1253-152 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1253-153 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1253-154 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-155 bde-heading\">\nText color\n<\/h3><div class=\"bde-text-1253-156 bde-text\">\n#565f5c\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-1253-157 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1253-158 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1253-159 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-160 bde-heading\">\nDark Green\n<\/h3><div class=\"bde-text-1253-161 bde-text\">\n#4cae47\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-1253-162 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1253-163 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1253-164 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-165 bde-heading\">\nyellow-orange\n<\/h3><div class=\"bde-text-1253-166 bde-text\">\n#ffba3a\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-1253-167 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1253-168 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1253-169 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-170 bde-heading\">\nMint Cream\n<\/h3><div class=\"bde-text-1253-171 bde-text\">\n#f6f6f6\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-1253-193 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1253-194 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1253-195 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-196 bde-heading\">\nDark Green. For Title \n<\/h3><div class=\"bde-text-1253-197 bde-text\">\n#f6f6f6\n<\/div>\n<\/div>\n<\/div><\/div><h3 id=\"Typography\" class=\"bde-heading-1253-172 bde-heading\">\nTypography style\n<\/h3><div class=\"bde-fancy-divider-1253-173 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-1253-174 bde-heading\">\nH1 - Aa\n<\/h1><h1 class=\"bde-heading-1253-175 bde-heading\">\nBb Cc\n<\/h1><div class=\"bde-div-1253-176 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-177 bde-heading\">\nHeading 1\n<\/h3><h3 class=\"bde-heading-1253-178 bde-heading\">\nPoppins - 500 Medium\n<\/h3><h3 class=\"bde-heading-1253-179 bde-heading\">\nSize 200px\n<\/h3><h3 class=\"bde-heading-1253-180 bde-heading\">\nHeight 1.0 EM\n<\/h3>\n<\/div><div class=\"bde-fancy-divider-1253-181 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><h3 class=\"bde-heading-1253-182 bde-heading\">\nRich text typography\n<\/h3><div class=\"bde-fancy-divider-1253-183 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-1253-184 bde-rich-text breakdance-rich-text-styles\">\n<h1>H1<\/h1>\n<h2>H2<\/h2>\n<h3>H3<\/h3>\n<h4>H4<\/h4>\n<h5>H5<\/h5>\n<h6>H6<\/h6>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n    magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n    pariatur.<\/p>\n<blockquote>Block quote<\/blockquote>\n<p>Ordered list<\/p>\n<ol role=\"list\" class=\"list\">\n    <li>Item 1<\/li>\n    <li>Item 2<\/li>\n    <li>Item 3<\/li>\n<\/ol>\n<p>Unordered list<\/p>\n<ul role=\"list\">\n    <li>Item A<\/li>\n    <li>Item B<\/li>\n    <li>Item C<\/li>\n<\/ul>\n<p><a href=\"https:\/\/bdtemplatehub.com\/breakdance-nft-layouts-pack\/style-guide\/\">Text link<\/a><\/p>\n<p><strong>Bold text<\/strong><\/p>\n<p><em>Emphasis<\/em><\/p>\n<p><sup>Superscript<\/sup><\/p>\n<p><sub>Subscript<\/sub><\/p>\n\n<\/div><h3 id=\"Button\" class=\"bde-heading-1253-185 bde-heading\">\nButton\n<\/h3><div class=\"bde-fancy-divider-1253-186 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-1253-187 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-188 bde-heading\">\nPrimary Button\n<\/h3><div class=\"bde-button-1253-189 bde-button\">\n    \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\">Button text<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div><div class=\"bde-div-1253-190 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1253-191 bde-heading\">\nSecondary Button\n<\/h3><div class=\"bde-button-1253-192 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\">Button text<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Style Guide Home \/ Style Guide Theme style Standards and guidelines of this template. Color Typography Button Color style Whitesmoke #f0f0f0 White #FFFFFF Black #000 Text color #565f5c Dark Green #4cae47 yellow-orange #ffba3a Mint Cream #f6f6f6 Dark Green. For Title #f6f6f6 Typography style H1 &#8211; Aa Bb Cc Heading 1 Poppins &#8211; 500 Medium Size [&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-1253","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdwebkit.com\/breakdance-wildlife-layouts-pack\/wp-json\/wp\/v2\/pages\/1253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdwebkit.com\/breakdance-wildlife-layouts-pack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdwebkit.com\/breakdance-wildlife-layouts-pack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-wildlife-layouts-pack\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-wildlife-layouts-pack\/wp-json\/wp\/v2\/comments?post=1253"}],"version-history":[{"count":0,"href":"https:\/\/bdwebkit.com\/breakdance-wildlife-layouts-pack\/wp-json\/wp\/v2\/pages\/1253\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdwebkit.com\/breakdance-wildlife-layouts-pack\/wp-json\/wp\/v2\/media?parent=1253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}