{"id":135,"date":"2026-01-13T05:41:02","date_gmt":"2026-01-13T05:41:02","guid":{"rendered":"https:\/\/bdwebkit.com\/breakdance-tactical-and-military-shop-layouts-pack\/?page_id=135"},"modified":"2026-01-22T04:35:06","modified_gmt":"2026-01-22T04:35:06","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/bdwebkit.com\/breakdance-tactical-and-military-shop-layouts-pack\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<section class=\"bde-section-135-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-135-101 bde-heading bde-preset-0a1dcdce-5b46-4736-b3ae-53cef0330e78\">\nHeading\n<\/h2><div class=\"bde-grid-135-102 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-103 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-104 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-135-105 bde-heading\">\nTitle 01\n<\/h1><h2 class=\"bde-heading-135-106 bde-heading\">\n(h1) Heading \n<\/h2>\n<\/div><div class=\"bde-div-135-107 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-135-108 bde-heading\">\nFont-Size : 7rem\n<\/h3><h3 class=\"bde-heading-135-109 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-135-110 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-135-111 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-112 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-135-113 bde-heading bde-preset-46f6d826-572f-4acd-935a-369796a9501c\">\nTitle 02\n<\/h2><h2 class=\"bde-heading-135-114 bde-heading\">\n(h2) Heading Title\n<\/h2>\n<\/div><div class=\"bde-div-135-115 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-135-116 bde-heading\">\nFont-Size : 5rem\n<\/h3><h3 class=\"bde-heading-135-117 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-135-118 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-135-119 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-120 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-135-121 bde-heading bde-preset-738bab20-ad7a-461d-8bf4-4d7033013384\">\nTitle 03\n<\/h3><h3 class=\"bde-heading-135-122 bde-heading\">\n(h3) Sub Heading\n<\/h3>\n<\/div><div class=\"bde-div-135-123 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-135-124 bde-heading\">\nFont-Size : 2.369rem\n<\/h3><h3 class=\"bde-heading-135-125 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-135-126 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-135-127 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-128 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-135-129 bde-heading bde-preset-a579779f-e302-4ee0-b43a-2ad16639876c\">\nTitle 04\n<\/h4><h4 class=\"bde-heading-135-130 bde-heading\">\n(h4) Child Sub Heading\n<\/h4>\n<\/div><div class=\"bde-div-135-131 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-135-132 bde-heading\">\nFont-Size : 1.777rem\n<\/h3><h3 class=\"bde-heading-135-133 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-135-134 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-135-135 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-136 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-135-137 bde-heading\">\nTitle 05\n<\/h5><h4 class=\"bde-heading-135-138 bde-heading\">\n(h5) Child Sub Heading\n<\/h4>\n<\/div><div class=\"bde-div-135-139 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-135-140 bde-heading\">\nFont-Size : 1.333rem\n<\/h3><h3 class=\"bde-heading-135-141 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-135-142 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-135-143 bde-heading bde-preset-0a1dcdce-5b46-4736-b3ae-53cef0330e78\">\nText\n<\/h2><div class=\"bde-grid-135-144 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-145 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-146 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-135-147 bde-heading\">\nBody Font-Style\n<\/h1>\n<\/div><div class=\"bde-div-135-148 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-135-149 bde-heading\">\nFont-Size : 16px\n<\/h3><h3 class=\"bde-heading-135-150 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-135-151 bde-heading\">\nFont-Weight : 400\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-135-152 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-153 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-135-154 bde-heading\">\nText-Link\n<\/h1>\n<\/div><div class=\"bde-div-135-155 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-135-156 bde-heading\">\nFont-Size : 16px\n<\/h3><h3 class=\"bde-heading-135-157 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-135-158 bde-heading\">\nFont-Weight : 400\n<\/h3>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-135-159 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-135-160 bde-heading bde-preset-0a1dcdce-5b46-4736-b3ae-53cef0330e78\">\nLogo Style\n<\/h2><div class=\"bde-div-135-161 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-162 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-135-163 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-135-164 bde-heading bde-preset-b64e60ab-842d-4d11-a316-d04623155719\">\nBlack Logo\n<\/h3>\n<\/div><div class=\"bde-div-135-165 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-135-166 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-135-167 bde-heading\">\nWhite Logo\n<\/h3>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-135-168 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-135-169 bde-heading bde-preset-0a1dcdce-5b46-4736-b3ae-53cef0330e78\">\nColor Style\n<\/h2><div class=\"bde-grid-135-170 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-171 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-172 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-135-173 bde-heading\">\n#8e8b5e\n<\/h4>\n<\/div><div class=\"bde-text-135-174 bde-text\">\n--bdp_primary\n<\/div>\n<\/div><div class=\"bde-div-135-175 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-176 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-135-177 bde-heading\">\n#252525\n<\/h4>\n<\/div><div class=\"bde-text-135-178 bde-text\">\n--bdp_secondary\n<\/div>\n<\/div><div class=\"bde-div-135-179 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-180 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-135-181 bde-heading\">\n#f8f8f8\n<\/h4>\n<\/div><div class=\"bde-text-135-182 bde-text\">\n--bdp_light\n<\/div>\n<\/div><div class=\"bde-div-135-183 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-184 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-135-185 bde-heading\">\n#000000\n<\/h4>\n<\/div><div class=\"bde-text-135-186 bde-text\">\nHeadings\n<\/div>\n<\/div><div class=\"bde-div-135-187 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-188 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-135-189 bde-heading\">\n#FFFFFF\n<\/h4>\n<\/div><div class=\"bde-text-135-190 bde-text\">\nBackground\n<\/div>\n<\/div><div class=\"bde-div-135-191 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-192 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-135-193 bde-heading\">\n#9E9E9E\n<\/h4>\n<\/div><div class=\"bde-text-135-194 bde-text\">\nText\n<\/div>\n<\/div><div class=\"bde-div-135-244 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-245 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-135-246 bde-heading\">\n#dcdde3\n<\/h4>\n<\/div><div class=\"bde-text-135-247 bde-text\">\nBorder\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-135-195 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-135-196 bde-heading bde-preset-3a35128a-4268-4f74-aef6-9b5dd6ca3020\">\nContainer\n<\/h2><div class=\"bde-grid-135-197 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-198 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-199 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-135-200 bde-heading\">\nWidth : 1440px\n<\/h5><h5 class=\"bde-heading-135-201 bde-heading\">\nVertical Padding : 60px\n<\/h5><h5 class=\"bde-heading-135-202 bde-heading\">\nHorizontal Padding : 24px\n<\/h5><h5 class=\"bde-heading-135-203 bde-heading\">\nColumn Gap : 50px\n<\/h5>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-135-220 bde-heading bde-preset-3a35128a-4268-4f74-aef6-9b5dd6ca3020\">\nFont-Family\n<\/h2><div class=\"bde-grid-135-221 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-135-222 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-135-223 bde-heading\">\nHeading - font Family :Chakra Petch<br>\n<\/h5><h5 class=\"bde-heading-135-224 bde-heading\">\nFont-weight :700\n<\/h5><h5 class=\"bde-heading-135-225 bde-heading\">\nline height : 1.2em\n<\/h5>\n<\/div><div class=\"bde-div-135-226 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-135-227 bde-heading\">\nBody - font Family :Chakra Petch<br>\n<\/h5><h5 class=\"bde-heading-135-228 bde-heading\">\nFont-weight :400\n<\/h5><h5 class=\"bde-heading-135-229 bde-heading\">\nline height : 1.3em\n<\/h5><h5 class=\"bde-heading-135-230 bde-heading\">\nBase Size : 16px\n<\/h5>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-135-231 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-135-232 bde-heading bde-preset-3a35128a-4268-4f74-aef6-9b5dd6ca3020\">\nbutton Variable\n<\/h2><div class=\"bde-div-135-233 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-135-234 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-135-235 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>Heading Title 01 (h1) Heading Font-Size : 7rem Line Height : 1.2em Font-Weight : 700 Title 02 (h2) Heading Title Font-Size : 5rem Line Height : 1.2em Font-Weight : 700 Title 03 (h3) Sub Heading Font-Size : 2.369rem Line Height : 1.2em Font-Weight : 700 Title 04 (h4) Child Sub Heading Font-Size : 1.777rem Line [&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-135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdwebkit.com\/breakdance-tactical-and-military-shop-layouts-pack\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdwebkit.com\/breakdance-tactical-and-military-shop-layouts-pack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdwebkit.com\/breakdance-tactical-and-military-shop-layouts-pack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-tactical-and-military-shop-layouts-pack\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdwebkit.com\/breakdance-tactical-and-military-shop-layouts-pack\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":0,"href":"https:\/\/bdwebkit.com\/breakdance-tactical-and-military-shop-layouts-pack\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdwebkit.com\/breakdance-tactical-and-military-shop-layouts-pack\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}