{"id":1738,"date":"2026-01-02T12:26:49","date_gmt":"2026-01-02T12:26:49","guid":{"rendered":"https:\/\/bdtemplatehub.com\/oxygen-fitness-layouts-pack\/?page_id=1738"},"modified":"2026-01-02T12:26:49","modified_gmt":"2026-01-02T12:26:49","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/oxylibrary.com\/oxygen-fitness-template\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<section class=\"bde-section-1738-102 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-1738-103 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-columns-1738-104 bde-columns\"><div class=\"bde-column-1738-105 bde-column\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-1738-106 bde-heading\">\nFitness\n<\/h1><img decoding=\"async\" class=\"bde-image2-1738-107 bde-image2 image-8\" src=\"https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-content\/uploads\/sites\/8\/2025\/12\/\/Fitnes-11.png\" loading=\"lazy\" srcset=\"https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-content\/uploads\/sites\/8\/2025\/12\/Fitnes-11.png 1280w, https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-content\/uploads\/sites\/8\/2025\/12\/Fitnes-11-300x169.png 300w, https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-content\/uploads\/sites\/8\/2025\/12\/Fitnes-11-1024x576.png 1024w, https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-content\/uploads\/sites\/8\/2025\/12\/Fitnes-11-768x432.png 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\">\n<\/div><\/div><div class=\"bde-columns-1738-108 bde-columns\"><div class=\"bde-column-1738-109 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1738-110 bde-div div-7\">\n  \n  \n\t\n\n\n\n<a class=\"bde-text-link-1738-111 bde-text-link px-sub-title breakdance-link\" href=\"https:\/\/oxylibrary.com\/oxygen-fitness-template\" target=\"_self\" data-type=\"url\">\n  Home\n\n<\/a><div class=\"bde-icon-1738-112 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 640 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=\"M96 64c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32V224v64V448c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V384H64c-17.7 0-32-14.3-32-32V288c-17.7 0-32-14.3-32-32s14.3-32 32-32V160c0-17.7 14.3-32 32-32H96V64zm448 0v64h32c17.7 0 32 14.3 32 32v64c17.7 0 32 14.3 32 32s-14.3 32-32 32v64c0 17.7-14.3 32-32 32H544v64c0 17.7-14.3 32-32 32H480c-17.7 0-32-14.3-32-32V288 224 64c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32zM416 224v64H224V224H416z\"\/><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n\n<\/div><h2 class=\"bde-heading-1738-113 bde-heading\">\nStyle Guide\n<\/h2>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-1738-114 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"oxy-container-1738-115 oxy-container px-container\"><div class=\"bde-columns-1738-116 bde-columns\"><div class=\"bde-column-1738-117 bde-column column-5\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1738-124 bde-heading\">\nTheme style\n<\/h3><div class=\"bde-button-1738-119 bde-button\">\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-1738-120 bde-button\">\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-1738-121 bde-button\">\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-1738-118 bde-column\">\n  \n  \n\t\n\n\n\n<h2 id=\"Color\" class=\"bde-heading-1738-125 bde-heading\">\ncolor style\n<\/h2><div class=\"bde-fancy-divider-1738-126 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-grid-1738-122 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1738-123 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1738-127 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1738-131 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1738-132 bde-heading\">\nbackground color\n<\/h4><div class=\"bde-text-1738-133 bde-text\">\n#f6f6f6\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1738-155 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1738-156 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1738-157 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1738-158 bde-heading\">\nAccent color\n<\/h4><div class=\"bde-text-1738-159 bde-text\">\n#f6f6f6\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1738-150 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1738-151 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1738-152 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1738-153 bde-heading\">\nPrimary color\n<\/h4><div class=\"bde-text-1738-154 bde-text\">\n#FF6631\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1738-145 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1738-146 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1738-147 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1738-148 bde-heading\">\nsecondary  color\n<\/h4><div class=\"bde-text-1738-149 bde-text\">\n#19181B\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1738-140 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1738-141 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1738-142 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1738-143 bde-heading\">\nborder color \n<\/h4><div class=\"bde-text-1738-144 bde-text\">\n#C5C5C580\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-1738-135 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1738-136 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-1738-137 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1738-138 bde-heading\">\n Mint Cream \n<\/h4><div class=\"bde-text-1738-139 bde-text\">\n#F6F6F6\n<\/div>\n<\/div>\n<\/div>\n<\/div><h2 id=\"Typography\" class=\"bde-heading-1738-160 bde-heading\">\n Typography style \n<\/h2><div class=\"bde-fancy-divider-1738-161 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-1738-162 bde-heading\">\nH1 - Aa \n<\/h1><h1 class=\"bde-heading-1738-163 bde-heading\">\n Bb Cc \n<\/h1><div class=\"bde-div-1738-164 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1738-165 bde-heading\">\nHeading 1 \n<\/h4><h4 class=\"bde-heading-1738-166 bde-heading\">\nAlata- 600 Medium\n<\/h4><h4 class=\"bde-heading-1738-167 bde-heading\">\nsize: 11svw\n<\/h4><h4 class=\"bde-heading-1738-168 bde-heading\">\nHeight 1.0 EM\n<\/h4>\n<\/div><div class=\"bde-fancy-divider-1738-169 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><h2 id=\"Typography\" class=\"bde-heading-1738-170 bde-heading\">\n Rich text typography \n<\/h2><div class=\"bde-rich-text-1738-171 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:\/\/oxylibrary.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><div class=\"bde-div-1738-172 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-1738-173 bde-heading\">\nParagraph\n<\/h4><h4 class=\"bde-heading-1738-174 bde-heading\">\nInter 500  Medium  Font family\n<\/h4><h4 class=\"bde-heading-1738-177 bde-heading\">\nFont-size 15\n<\/h4>\n<\/div><div class=\"bde-fancy-divider-1738-180 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><h2 id=\"Button\" class=\"bde-heading-1738-181 bde-heading\">\nButton\n<\/h2><h4 class=\"bde-heading-1738-182 bde-heading\">\nPrimary button \n<\/h4><div class=\"bde-button-1738-184 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\">button text <\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div><h4 class=\"bde-heading-1738-183 bde-heading\">\nsecondary button\n<\/h4><div class=\"bde-button-1738-185 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\">button text <\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div><\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Fitness Home Style Guide Theme style color Typography Button color style background color #f6f6f6 Accent color #f6f6f6 Primary color #FF6631 secondary color #19181B border color #C5C5C580 Mint Cream #F6F6F6 Typography style H1 &#8211; Aa Bb Cc Heading 1 Alata- 600 Medium size: 11svw Height 1.0 EM Rich text typography H1 H2 H3 H4 H5 H6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_oxygen_hide_in_design_set":false,"_oxygen_tags":"","footnotes":""},"class_list":["post-1738","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-json\/wp\/v2\/pages\/1738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-json\/wp\/v2\/comments?post=1738"}],"version-history":[{"count":0,"href":"https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-json\/wp\/v2\/pages\/1738\/revisions"}],"wp:attachment":[{"href":"https:\/\/oxylibrary.com\/oxygen-fitness-template\/wp-json\/wp\/v2\/media?parent=1738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}