{"id":2431,"date":"2026-01-07T10:44:52","date_gmt":"2026-01-07T10:44:52","guid":{"rendered":"https:\/\/bdwebkit.com\/breakdance-gift-store-layouts-pack\/?page_id=2431"},"modified":"2026-01-09T04:31:05","modified_gmt":"2026-01-09T04:31:05","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/bdwebkit.com\/breakdance-gift-store-layouts-pack\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<section class=\"bde-section-2431-139 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-2431-140 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-columns-2431-141 bde-columns\"><div class=\"bde-column-2431-142 bde-column\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2431-143 bde-heading bde-preset-58c2224e-c0dd-4970-942f-253532197901\">\nStyle Guide\n<\/h1><div class=\"bde-div-2431-144 bde-div\">\n  \n  \n\t\n\n\n\n<a class=\"bde-text-link-2431-145 bde-text-link breakdance-link\" href=\"https:\/\/bdwebkit.com\/breakdance-gift-store-layouts-pack\" target=\"_self\" data-type=\"url\">\n  Home\n\n<\/a><div class=\"bde-text-2431-146 bde-text\">\n\/\n<\/div><a class=\"bde-text-link-2431-147 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-2431-223 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-2431-224 bde-heading bde-preset-0a1dcdce-5b46-4736-b3ae-53cef0330e78\">\nHeading\n<\/h2><div class=\"bde-grid-2431-225 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-226 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-227 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2431-228 bde-heading bde-preset-df32714f-515d-4553-b04c-ac9947ddc530\">\nTitle 01\n<\/h1><h2 class=\"bde-heading-2431-229 bde-heading\">\n(h1) Heading \n<\/h2>\n<\/div><div class=\"bde-div-2431-230 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2431-231 bde-heading\">\nFont-Size : 4vw\n<\/h3><h3 class=\"bde-heading-2431-232 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2431-233 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2431-234 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-235 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-2431-236 bde-heading bde-preset-0a1dcdce-5b46-4736-b3ae-53cef0330e78\">\nTitle 02\n<\/h2><h2 class=\"bde-heading-2431-237 bde-heading\">\n(h2) Heading Title\n<\/h2>\n<\/div><div class=\"bde-div-2431-238 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2431-239 bde-heading\">\nFont-Size : 64px\n<\/h3><h3 class=\"bde-heading-2431-240 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2431-241 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2431-242 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-243 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2431-244 bde-heading\">\nTitle 03\n<\/h1><h3 class=\"bde-heading-2431-245 bde-heading\">\n(h3)  Heading Title-2\n<\/h3>\n<\/div><div class=\"bde-div-2431-246 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2431-247 bde-heading\">\nFont-Size : 50px\n<\/h3><h3 class=\"bde-heading-2431-248 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2431-249 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2431-367 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-368 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2431-369 bde-heading bde-preset-b64e60ab-842d-4d11-a316-d04623155719\">\nTitle 04\n<\/h1><h4 class=\"bde-heading-2431-370 bde-heading\">\n(h4) Sub Heading\n<\/h4>\n<\/div><div class=\"bde-div-2431-371 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2431-372 bde-heading\">\nFont-Size : 24px\n<\/h3><h3 class=\"bde-heading-2431-373 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2431-374 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2431-375 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-376 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2431-377 bde-heading bde-preset-b64e60ab-842d-4d11-a316-d04623155719\">\nTitle 05\n<\/h5><h4 class=\"bde-heading-2431-378 bde-heading\">\n(h4) Sub Heading\n<\/h4>\n<\/div><div class=\"bde-div-2431-379 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2431-380 bde-heading\">\nFont-Size : 16px\n<\/h3><h3 class=\"bde-heading-2431-381 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2431-382 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-2431-250 bde-heading bde-preset-0a1dcdce-5b46-4736-b3ae-53cef0330e78\">\nText\n<\/h2><div class=\"bde-grid-2431-251 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-252 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-253 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2431-254 bde-heading\">\nBody Font-Style\n<\/h1>\n<\/div><div class=\"bde-div-2431-255 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2431-256 bde-heading\">\nFont-Size : 18px\n<\/h3><h3 class=\"bde-heading-2431-257 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2431-258 bde-heading\">\nFont-Weight : 400\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-2431-259 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-260 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2431-261 bde-heading\">\nText-Link\n<\/h1>\n<\/div><div class=\"bde-div-2431-262 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2431-263 bde-heading\">\nFont-Size : 16px\n<\/h3><h3 class=\"bde-heading-2431-264 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-2431-265 bde-heading\">\nFont-Weight : 400\n<\/h3>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2431-266 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-2431-267 bde-heading bde-preset-0a1dcdce-5b46-4736-b3ae-53cef0330e78\">\nLogo Style\n<\/h2><div class=\"bde-div-2431-268 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-269 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-2431-270 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-2431-271 bde-heading bde-preset-b64e60ab-842d-4d11-a316-d04623155719\">\nBlack Logo\n<\/h3>\n<\/div><div class=\"bde-div-2431-272 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-2431-273 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-2431-274 bde-heading\">\nWhite Logo\n<\/h3>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2431-275 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-2431-276 bde-heading bde-preset-0a1dcdce-5b46-4736-b3ae-53cef0330e78\">\nColor Style\n<\/h2><div class=\"bde-grid-2431-277 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-278 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-279 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2431-280 bde-heading\">\n#FF6388\n<\/h4>\n<\/div><div class=\"bde-text-2431-281 bde-text\">\n--bdp_primary\n<\/div>\n<\/div><div class=\"bde-div-2431-282 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-283 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2431-284 bde-heading\">\n#461c68\n<\/h4>\n<\/div><div class=\"bde-text-2431-285 bde-text\">\n--bdp_secondary\n<\/div>\n<\/div><div class=\"bde-div-2431-286 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-287 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2431-288 bde-heading\">\n#FFF6EA\n<\/h4>\n<\/div><div class=\"bde-text-2431-289 bde-text\">\n--bdp_light\n<\/div>\n<\/div><div class=\"bde-div-2431-290 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-291 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2431-292 bde-heading\">\n#372644\n<\/h4>\n<\/div><div class=\"bde-text-2431-293 bde-text\">\nHeadings\n<\/div>\n<\/div><div class=\"bde-div-2431-294 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-295 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2431-296 bde-heading\">\n#FFFFFFFF\n<\/h4>\n<\/div><div class=\"bde-text-2431-297 bde-text\">\nBackground\n<\/div>\n<\/div><div class=\"bde-div-2431-298 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-299 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2431-300 bde-heading\">\n#747474\n<\/h4>\n<\/div><div class=\"bde-text-2431-301 bde-text\">\nText\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2431-302 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-2431-303 bde-heading bde-preset-3a35128a-4268-4f74-aef6-9b5dd6ca3020\">\nContainer\n<\/h2><div class=\"bde-grid-2431-304 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-305 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-306 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2431-307 bde-heading\">\nWidth : 1200px\n<\/h5><h5 class=\"bde-heading-2431-308 bde-heading\">\nVertical Padding : 100px\n<\/h5><h5 class=\"bde-heading-2431-309 bde-heading\">\nHorizontal Padding : 24px\n<\/h5><h5 class=\"bde-heading-2431-310 bde-heading\">\nColumn Gap : 50px\n<\/h5>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-2431-311 bde-heading bde-preset-3a35128a-4268-4f74-aef6-9b5dd6ca3020\">\nText\n<\/h2><div class=\"bde-grid-2431-312 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-313 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-314 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2431-315 bde-heading\">\nBody Font-Style\n<\/h5>\n<\/div><div class=\"bde-div-2431-316 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2431-317 bde-heading\">\nFont-Size : 16px\n<\/h5><h5 class=\"bde-heading-2431-318 bde-heading\">\nLine Height : 1.3em\n<\/h5><h5 class=\"bde-heading-2431-319 bde-heading\">\nFont-Weight : 400\n<\/h5>\n<\/div>\n<\/div><div class=\"bde-div-2431-320 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-321 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2431-322 bde-heading\">\nText-Link\n<\/h5>\n<\/div><div class=\"bde-div-2431-323 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2431-324 bde-heading\">\nFont-Size : 16px\n<\/h5><h5 class=\"bde-heading-2431-325 bde-heading\">\nLine Height : 1.2em\n<\/h5><h5 class=\"bde-heading-2431-326 bde-heading\">\nFont-Weight : 400\n<\/h5>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-2431-327 bde-heading bde-preset-3a35128a-4268-4f74-aef6-9b5dd6ca3020\">\nFont-Family\n<\/h2><div class=\"bde-grid-2431-328 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2431-329 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2431-330 bde-heading\">\nHeading - font Family :Dosis<br>\n<\/h5><h5 class=\"bde-heading-2431-331 bde-heading\">\nFont-weight :700\n<\/h5><h5 class=\"bde-heading-2431-332 bde-heading\">\nline height : 1.2em\n<\/h5>\n<\/div><div class=\"bde-div-2431-333 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2431-334 bde-heading\">\nBody - font Family : Nunito Sans<br>\n<\/h5><h5 class=\"bde-heading-2431-335 bde-heading\">\nFont-weight :400\n<\/h5><h5 class=\"bde-heading-2431-336 bde-heading\">\nline height : 1.3em\n<\/h5><h5 class=\"bde-heading-2431-337 bde-heading\">\nBase Size : 16px\n<\/h5>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2431-338 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-2431-339 bde-heading bde-preset-3a35128a-4268-4f74-aef6-9b5dd6ca3020\">\nbutton Variable\n<\/h2><div class=\"bde-div-2431-340 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-2431-341 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-2431-342 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>Style Guide Home \/ Style Guide Heading Title 01 (h1) Heading Font-Size : 4vw Line Height : 1.2em Font-Weight : 700 Title 02 (h2) Heading Title Font-Size : 64px Line Height : 1.2em Font-Weight : 700 Title 03 (h3) Heading Title-2 Font-Size : 50px Line Height : 1.2em Font-Weight : 700 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-2431","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdwebkit.com\/breakdance-gift-store-layouts-pack\/wp-json\/wp\/v2\/pages\/2431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdwebkit.com\/breakdance-gift-store-layouts-pack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdwebkit.com\/breakdance-gift-store-layouts-pack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-gift-store-layouts-pack\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-gift-store-layouts-pack\/wp-json\/wp\/v2\/comments?post=2431"}],"version-history":[{"count":0,"href":"https:\/\/bdwebkit.com\/breakdance-gift-store-layouts-pack\/wp-json\/wp\/v2\/pages\/2431\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdwebkit.com\/breakdance-gift-store-layouts-pack\/wp-json\/wp\/v2\/media?parent=2431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}