{"id":747,"date":"2026-01-22T12:27:44","date_gmt":"2026-01-22T12:27:44","guid":{"rendered":"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\/?page_id=747"},"modified":"2026-04-16T10:43:50","modified_gmt":"2026-04-16T10:43:50","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<section class=\"bde-section-747-100 bde-section px_page_title_section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"oxy-container-747-101 oxy-container px_con\" data-entrance=\"slideUp\"><div class=\"bde-columns-747-102 bde-columns\"><div class=\"bde-column-747-103 bde-column\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-747-104 bde-heading px_page_title_heading\">\nStyle Guide\n<\/h1><div class=\"bde-div-747-105 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-747-106 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--primary bde-button__button\" href=\"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Home<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-icon-box-747-107 bde-icon-box icon-box-1\">\n\n    \n            <div class=\"ee-iconbox-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-arrow-right2\" viewBox=\"0 0 32 32\">\n<path d=\"M19.414 27.414l10-10c0.781-0.781 0.781-2.047 0-2.828l-10-10c-0.781-0.781-2.047-0.781-2.828 0s-0.781 2.047 0 2.828l6.586 6.586h-19.172c-1.105 0-2 0.895-2 2s0.895 2 2 2h19.172l-6.586 6.586c-0.39 0.39-0.586 0.902-0.586 1.414s0.195 1.024 0.586 1.414c0.781 0.781 2.047 0.781 2.828 0z\"\/>\n<\/svg>\n        \n        \n        \n            <\/div>\n    \n\n<div class=\"ee-iconbox-content\">\n      <h6 class=\"ee-iconbox-title bde-h3\" >Style Guide<\/h6>\n      <\/div>\n\n<\/div>\n<\/div>\n<\/div><\/div><\/div><div class=\"bde-div-747-108 bde-div div-1\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-109 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-747-110 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-747-111 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-747-112 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-747-113 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-div-747-114 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-747-115 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"oxy-container-747-129 oxy-container px_con\" data-entrance=\"slideUp\"><div class=\"bde-columns-747-130 bde-columns\"><div class=\"bde-column-747-131 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-202 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-pulse-dot-747-203 bde-pulse-dot pulse-dot-5\"><div class=\"bde-pulse-dot__ping\"><\/div>\n<div class=\"bde-pulse-dot__core\"><\/div><\/div><h5 class=\"bde-heading-747-204 bde-heading\">\nColor Style\n<\/h5>\n<\/div><div class=\"bde-grid-747-133 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-134 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-135 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-icon-box-747-136 bde-icon-box\">\n\n    \n            <div class=\"ee-iconbox-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!-- Font Awesome Free 5.15.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) --><path d=\"M440.5 88.5l-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55l17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z\"><\/path><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n<div class=\"ee-iconbox-content\">\n      <h5 class=\"ee-iconbox-title bde-h3\" >Primary Color<\/h5>\n        <div class=\"ee-iconbox-text\" >#476AFF<\/div>\n    <\/div>\n\n<\/div>\n<\/div><div class=\"bde-div-747-137 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-138 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-icon-box-747-139 bde-icon-box\">\n\n    \n            <div class=\"ee-iconbox-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!-- Font Awesome Free 5.15.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) --><path d=\"M440.5 88.5l-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55l17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z\"><\/path><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n<div class=\"ee-iconbox-content\">\n      <h5 class=\"ee-iconbox-title bde-h3\" >Secondary Color<\/h5>\n        <div class=\"ee-iconbox-text\" >#2B4DDC<\/div>\n    <\/div>\n\n<\/div>\n<\/div><div class=\"bde-div-747-140 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-141 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-icon-box-747-142 bde-icon-box\">\n\n    \n            <div class=\"ee-iconbox-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!-- Font Awesome Free 5.15.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) --><path d=\"M440.5 88.5l-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55l17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z\"><\/path><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n<div class=\"ee-iconbox-content\">\n      <h5 class=\"ee-iconbox-title bde-h3\" >Light Color<\/h5>\n        <div class=\"ee-iconbox-text\" >#F7F9FC<\/div>\n    <\/div>\n\n<\/div>\n<\/div><div class=\"bde-div-747-146 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-147 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-icon-box-747-148 bde-icon-box\">\n\n    \n            <div class=\"ee-iconbox-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!-- Font Awesome Free 5.15.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) --><path d=\"M440.5 88.5l-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55l17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z\"><\/path><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n<div class=\"ee-iconbox-content\">\n      <h5 class=\"ee-iconbox-title bde-h3\" >Shadow Color<\/h5>\n        <div class=\"ee-iconbox-text\" >#508DFF0F<\/div>\n    <\/div>\n\n<\/div>\n<\/div><div class=\"bde-div-747-149 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-150 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-icon-box-747-151 bde-icon-box\">\n\n    \n            <div class=\"ee-iconbox-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!-- Font Awesome Free 5.15.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) --><path d=\"M440.5 88.5l-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55l17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z\"><\/path><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n<div class=\"ee-iconbox-content\">\n      <h5 class=\"ee-iconbox-title bde-h3\" >Heading Color<\/h5>\n        <div class=\"ee-iconbox-text\" >#1B2C4C<\/div>\n    <\/div>\n\n<\/div>\n<\/div><div class=\"bde-div-747-152 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-153 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-icon-box-747-154 bde-icon-box\">\n\n    \n            <div class=\"ee-iconbox-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!-- Font Awesome Free 5.15.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) --><path d=\"M440.5 88.5l-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52 17.1 17zM500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zm33.9 55l17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zm-67.8 0c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17zm67.8 34c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17zM112 272c0-35.3 28.7-64 64-64 8.8 0 16-7.2 16-16s-7.2-16-16-16c-52.9 0-96 43.1-96 96 0 8.8 7.2 16 16 16s16-7.2 16-16z\"><\/path><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n<div class=\"ee-iconbox-content\">\n      <h5 class=\"ee-iconbox-title bde-h3\" >Text Color<\/h5>\n        <div class=\"ee-iconbox-text\" >#374151<\/div>\n    <\/div>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><div class=\"bde-columns-747-155 bde-columns\"><div class=\"bde-column-747-156 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-205 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-pulse-dot-747-206 bde-pulse-dot pulse-dot-5\"><div class=\"bde-pulse-dot__ping\"><\/div>\n<div class=\"bde-pulse-dot__core\"><\/div><\/div><h5 class=\"bde-heading-747-207 bde-heading\">\nHeading Style\n<\/h5>\n<\/div><div class=\"bde-div-747-158 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-747-159 bde-heading\">\nH1 - Aa Bb Cc\n<\/h1><div class=\"bde-div-747-160 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-747-161 bde-text\">\nHeading 1\n<\/div><div class=\"bde-text-747-162 bde-text\">\nFont: \"Urbanist\"\n<\/div><div class=\"bde-text-747-163 bde-text\">\nSize: var(--bde-h1-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-747-164 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-747-165 bde-heading\">\nH2 - Aa Bb Cc\n<\/h2><div class=\"bde-div-747-166 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-747-167 bde-text\">\nHeading 2\n<\/div><div class=\"bde-text-747-214 bde-text\">\nFont: \"Urbanist\"\n<\/div><div class=\"bde-text-747-169 bde-text\">\nSize: var(--bde-h2-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-747-170 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-747-171 bde-heading\">\nH3 - Aa Bb Cc\n<\/h3><div class=\"bde-div-747-172 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-747-173 bde-text\">\nHeading 3\n<\/div><div class=\"bde-text-747-215 bde-text\">\nFont: \"Urbanist\"\n<\/div><div class=\"bde-text-747-175 bde-text\">\nSize: var(--bde-h3-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-747-176 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-747-177 bde-heading\">\nH4 - Aa Bb Cc\n<\/h4><div class=\"bde-div-747-178 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-747-179 bde-text\">\nHeading 4\n<\/div><div class=\"bde-text-747-216 bde-text\">\nFont: \"Urbanist\"\n<\/div><div class=\"bde-text-747-181 bde-text\">\nSize: var(--bde-h4-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-747-182 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-747-183 bde-heading\">\nH5 - Aa Bb Cc\n<\/h5><div class=\"bde-div-747-184 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-747-185 bde-text\">\nHeading 5\n<\/div><div class=\"bde-text-747-217 bde-text\">\nFont: \"Urbanist\"\n<\/div><div class=\"bde-text-747-187 bde-text\">\nSize: var(--bde-h5-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-747-188 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-747-189 bde-heading\">\nH6 - Aa Bb Cc\n<\/h5><div class=\"bde-div-747-190 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-747-191 bde-text\">\nHeading 6\n<\/div><div class=\"bde-text-747-218 bde-text\">\nFont: \"Urbanist\"\n<\/div><div class=\"bde-text-747-193 bde-text\">\nSize: var(--bde-h6-font-size)\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><div class=\"bde-columns-747-194 bde-columns\"><div class=\"bde-column-747-195 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-208 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-pulse-dot-747-209 bde-pulse-dot pulse-dot-5\"><div class=\"bde-pulse-dot__ping\"><\/div>\n<div class=\"bde-pulse-dot__core\"><\/div><\/div><h5 class=\"bde-heading-747-210 bde-heading\">\nRich Text Style\n<\/h5>\n<\/div><div class=\"bde-rich-text-747-223 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=\"#\">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<\/div>\n<\/div><\/div><div class=\"bde-columns-747-198 bde-columns\"><div class=\"bde-column-747-199 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-747-211 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-pulse-dot-747-212 bde-pulse-dot pulse-dot-5\"><div class=\"bde-pulse-dot__ping\"><\/div>\n<div class=\"bde-pulse-dot__core\"><\/div><\/div><h5 class=\"bde-heading-747-213 bde-heading\">\nButton Style\n<\/h5>\n<\/div><div class=\"bde-div-747-219 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-747-220 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-747-222 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><div class=\"bde-button-747-221 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom button-atom--preset-d32820fc-62db-47fc-9ac5-13f994fc2ba1 bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">Light Button<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Style Guide Home Style Guide Color Style Primary Color #476AFF Secondary Color #2B4DDC Light Color #F7F9FC Shadow Color #508DFF0F Heading Color #1B2C4C Text Color #374151 Heading Style H1 &#8211; Aa Bb Cc Heading 1 Font: &#8220;Urbanist&#8221; Size: var(&#8211;bde-h1-font-size) H2 &#8211; Aa Bb Cc Heading 2 Font: &#8220;Urbanist&#8221; Size: var(&#8211;bde-h2-font-size) H3 &#8211; Aa Bb Cc Heading [&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-747","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\/wp-json\/wp\/v2\/pages\/747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\/wp-json\/wp\/v2\/comments?post=747"}],"version-history":[{"count":5,"href":"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\/wp-json\/wp\/v2\/pages\/747\/revisions"}],"predecessor-version":[{"id":768,"href":"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\/wp-json\/wp\/v2\/pages\/747\/revisions\/768"}],"wp:attachment":[{"href":"https:\/\/oxylibrary.com\/oxygen-saas-agency-template\/wp-json\/wp\/v2\/media?parent=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}