{"id":2080,"date":"2026-02-10T11:54:32","date_gmt":"2026-02-10T11:54:32","guid":{"rendered":"https:\/\/bdwebkit.com\/breakdance-ayurveda-shop-layouts-pack\/?page_id=2080"},"modified":"2026-02-25T09:44:43","modified_gmt":"2026-02-25T09:44:43","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/bdwebkit.com\/breakdance-ayurveda-shop-layouts-pack\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<section class=\"bde-section-2080-291 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-2080-292 bde-div\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<div class=\"bde-columns-2080-293 bde-columns\"><div class=\"bde-column-2080-294 bde-column\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2080-295 bde-heading bde-preset-80be06b3-5db8-40fa-86d9-5555f1f9ed78\">\nStyle Guide\n<\/h1><div class=\"bde-div-2080-296 bde-div\">\n  \n  \n\t\n\n\n\n<a class=\"bde-text-link-2080-297 bde-text-link breakdance-link\" href=\"https:\/\/bdwebkit.com\/breakdance-ayurveda-shop-layouts-pack\" target=\"_self\" data-type=\"url\">\n  Home\n\n<\/a><div class=\"bde-text-2080-298 bde-text\">\n\/\n<\/div><a class=\"bde-text-link-2080-299 bde-text-link breakdance-link\" target=\"_self\" data-type=\"url\">\n  Style Guide\n\n<\/a>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2080-143 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-2080-144 bde-heading bde-preset-fb3afa66-5c36-4fa0-b5f2-76c6879416e3\">\nHeading\n<\/h2><div class=\"bde-grid-2080-145 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-146 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-147 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2080-148 bde-heading\">\nTitle 01\n<\/h1><h2 class=\"bde-heading-2080-149 bde-heading\">\n(h1) Heading \n<\/h2>\n<\/div><div class=\"bde-div-2080-150 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2080-151 bde-heading\">\nFont-Size : 106px\n<\/h3><h3 class=\"bde-heading-2080-152 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2080-153 bde-heading\">\nFont-Weight : 500\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2080-154 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-155 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-2080-156 bde-heading bde-preset-0eea810d-00f4-42cd-8e17-632729fd25c5\">\nTitle 02\n<\/h2><h2 class=\"bde-heading-2080-157 bde-heading\">\n(h2) Heading Title\n<\/h2>\n<\/div><div class=\"bde-div-2080-158 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2080-159 bde-heading\">\nFont-Size : 65px\n<\/h3><h3 class=\"bde-heading-2080-160 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2080-161 bde-heading\">\nFont-Weight : 500\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2080-162 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-163 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2080-164 bde-heading\">\nTitle 03\n<\/h1><h3 class=\"bde-heading-2080-165 bde-heading\">\n(h3)  Heading Title-1\n<\/h3>\n<\/div><div class=\"bde-div-2080-166 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2080-167 bde-heading\">\nFont-Size : 60px\n<\/h3><h3 class=\"bde-heading-2080-168 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2080-169 bde-heading\">\nFont-Weight : 500\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2080-178 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-179 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2080-180 bde-heading bde-preset-fb3afa66-5c36-4fa0-b5f2-76c6879416e3\">\nTitle 04\n<\/h5><h4 class=\"bde-heading-2080-181 bde-heading\">\n(h4) Sub Heading -2\n<\/h4>\n<\/div><div class=\"bde-div-2080-182 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2080-183 bde-heading\">\nFont-Size : 37px\n<\/h3><h3 class=\"bde-heading-2080-184 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2080-185 bde-heading\">\nFont-Weight : 500\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2080-170 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-171 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2080-172 bde-heading bde-preset-a95f8f0e-9f41-452f-84dd-306162092139\">\nTitle 05\n<\/h1><h4 class=\"bde-heading-2080-173 bde-heading\">\n(h4) Sub Heading\n<\/h4>\n<\/div><div class=\"bde-div-2080-174 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2080-175 bde-heading\">\nFont-Size : 24px\n<\/h3><h3 class=\"bde-heading-2080-176 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2080-177 bde-heading\">\nFont-Weight : 500\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2080-283 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-284 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2080-285 bde-heading\">\nTitle 06\n<\/h5><h4 class=\"bde-heading-2080-286 bde-heading\">\n(h4) Sub Heading -3\n<\/h4>\n<\/div><div class=\"bde-div-2080-287 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2080-288 bde-heading\">\nFont-Size : 18px\n<\/h3><h3 class=\"bde-heading-2080-289 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2080-290 bde-heading\">\nFont-Weight : 500\n<\/h3>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-2080-186 bde-heading bde-preset-fb3afa66-5c36-4fa0-b5f2-76c6879416e3\">\nText\n<\/h2><div class=\"bde-grid-2080-187 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-188 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-189 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2080-190 bde-heading\">\nBody Font-Style\n<\/h1>\n<\/div><div class=\"bde-div-2080-191 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2080-192 bde-heading\">\nFont-Size : 16px\n<\/h3><h3 class=\"bde-heading-2080-193 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2080-194 bde-heading\">\nFont-Weight : 400\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2080-195 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-196 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2080-197 bde-heading\">\nText-Link\n<\/h1>\n<\/div><div class=\"bde-div-2080-198 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2080-199 bde-heading\">\nFont-Size : 14px\n<\/h3><h3 class=\"bde-heading-2080-200 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2080-201 bde-heading\">\nFont-Weight : 400\n<\/h3>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2080-202 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-2080-203 bde-heading bde-preset-fb3afa66-5c36-4fa0-b5f2-76c6879416e3\">\nLogo Style\n<\/h2><div class=\"bde-div-2080-204 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-205 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-2080-206 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-2080-207 bde-heading bde-preset-b64e60ab-842d-4d11-a316-d04623155719\">\nBlack Logo\n<\/h3>\n<\/div><div class=\"bde-div-2080-208 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-2080-209 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-2080-210 bde-heading\">\nWhite Logo\n<\/h3>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2080-211 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-2080-212 bde-heading bde-preset-fb3afa66-5c36-4fa0-b5f2-76c6879416e3\">\nColor Style\n<\/h2><div class=\"bde-grid-2080-213 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-214 bde-div\" data-entrance=\"zoomIn\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-215 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2080-216 bde-heading\">\n#3f7a19\n<\/h4>\n<\/div><div class=\"bde-text-2080-217 bde-text\">\n--bdp_primary\n<\/div>\n<\/div><div class=\"bde-div-2080-218 bde-div\" data-entrance=\"zoomIn\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-219 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2080-220 bde-heading\">\n #183506\n<\/h4>\n<\/div><div class=\"bde-text-2080-221 bde-text\">\n--bdp_secondary\n<\/div>\n<\/div><div class=\"bde-div-2080-222 bde-div\" data-entrance=\"zoomIn\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-223 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2080-224 bde-heading\">\n#F2F2F2FF\n<\/h4>\n<\/div><div class=\"bde-text-2080-225 bde-text\">\n--bdp_light\n<\/div>\n<\/div><div class=\"bde-div-2080-226 bde-div\" data-entrance=\"zoomIn\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-227 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2080-228 bde-heading\">\n#000000FF\n<\/h4>\n<\/div><div class=\"bde-text-2080-229 bde-text\">\nHeadings\n<\/div>\n<\/div><div class=\"bde-div-2080-230 bde-div\" data-entrance=\"zoomIn\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-231 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2080-232 bde-heading\">\n#FFFFFFFF\n<\/h4>\n<\/div><div class=\"bde-text-2080-233 bde-text\">\nBackground\n<\/div>\n<\/div><div class=\"bde-div-2080-234 bde-div\" data-entrance=\"zoomIn\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-235 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2080-236 bde-heading\">\n#9E9E9E\n<\/h4>\n<\/div><div class=\"bde-text-2080-237 bde-text\">\nText\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2080-238 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-2080-239 bde-heading bde-preset-fb3afa66-5c36-4fa0-b5f2-76c6879416e3\">\nContainer\n<\/h2><div class=\"bde-grid-2080-240 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-241 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-242 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2080-243 bde-heading\">\nWidth : 1400px\n<\/h5><h5 class=\"bde-heading-2080-244 bde-heading\">\nVertical Padding : 80px\n<\/h5><h5 class=\"bde-heading-2080-245 bde-heading\">\nHorizontal Padding : 24px\n<\/h5><h5 class=\"bde-heading-2080-246 bde-heading\">\nColumn Gap : 50px\n<\/h5>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-2080-247 bde-heading bde-preset-fb3afa66-5c36-4fa0-b5f2-76c6879416e3\">\nText\n<\/h2><div class=\"bde-grid-2080-248 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-249 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-250 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2080-251 bde-heading\">\nBody Font-Style\n<\/h5>\n<\/div><div class=\"bde-div-2080-252 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2080-253 bde-heading\">\nFont-Size : 16px\n<\/h5><h5 class=\"bde-heading-2080-254 bde-heading\">\nLine Height : 1.3em\n<\/h5><h5 class=\"bde-heading-2080-255 bde-heading\">\nFont-Weight : 400\n<\/h5>\n<\/div>\n<\/div><div class=\"bde-div-2080-256 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-257 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2080-258 bde-heading\">\nText-Link\n<\/h5>\n<\/div><div class=\"bde-div-2080-259 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2080-260 bde-heading\">\nFont-Size : 14px\n<\/h5><h5 class=\"bde-heading-2080-261 bde-heading\">\nLine Height : 1.2em\n<\/h5><h5 class=\"bde-heading-2080-262 bde-heading\">\nFont-Weight : 400\n<\/h5>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-2080-263 bde-heading bde-preset-fb3afa66-5c36-4fa0-b5f2-76c6879416e3\">\nFont-Family\n<\/h2><div class=\"bde-grid-2080-264 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2080-265 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2080-266 bde-heading\">\nHeading - font Family :Poppins<br>\n<\/h5><h5 class=\"bde-heading-2080-267 bde-heading\">\nFont-weight :500\n<\/h5><h5 class=\"bde-heading-2080-268 bde-heading\">\nline height : 1.2em\n<\/h5>\n<\/div><div class=\"bde-div-2080-279 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2080-280 bde-heading\">\nHeading - font Family :Abhaya Libre<br>\n<\/h5><h5 class=\"bde-heading-2080-281 bde-heading\">\nFont-weight :500\n<\/h5><h5 class=\"bde-heading-2080-282 bde-heading\">\nline height : 1.2em\n<\/h5>\n<\/div><div class=\"bde-div-2080-269 bde-div\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2080-270 bde-heading\">\nBody - font Family : Poppins<br>\n<\/h5><h5 class=\"bde-heading-2080-271 bde-heading\">\nFont-weight :400\n<\/h5><h5 class=\"bde-heading-2080-272 bde-heading\">\nline height : 1.3em\n<\/h5><h5 class=\"bde-heading-2080-273 bde-heading\">\nBase Size : 16px\n<\/h5>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2080-274 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-2080-275 bde-heading bde-preset-fb3afa66-5c36-4fa0-b5f2-76c6879416e3\">\nbutton Variable\n<\/h2><div class=\"bde-div-2080-276 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-2080-277 bde-button\" data-entrance=\"slideLeft\">\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-2080-278 bde-button\" data-entrance=\"slideRight\">\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>Style Guide Home \/ Style Guide Heading Title 01 (h1) Heading Font-Size : 106px Line Height : 1.2em Font-Weight : 500 Title 02 (h2) Heading Title Font-Size : 65px Line Height : 1.2em Font-Weight : 500 Title 03 (h3) Heading Title-1 Font-Size : 60px Line Height : 1.2em Font-Weight : 500 Title 04 (h4) Sub [&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-2080","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdwebkit.com\/breakdance-ayurveda-shop-layouts-pack\/wp-json\/wp\/v2\/pages\/2080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdwebkit.com\/breakdance-ayurveda-shop-layouts-pack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdwebkit.com\/breakdance-ayurveda-shop-layouts-pack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-ayurveda-shop-layouts-pack\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-ayurveda-shop-layouts-pack\/wp-json\/wp\/v2\/comments?post=2080"}],"version-history":[{"count":0,"href":"https:\/\/bdwebkit.com\/breakdance-ayurveda-shop-layouts-pack\/wp-json\/wp\/v2\/pages\/2080\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdwebkit.com\/breakdance-ayurveda-shop-layouts-pack\/wp-json\/wp\/v2\/media?parent=2080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}