{"id":68,"date":"2026-02-16T03:18:31","date_gmt":"2026-02-16T03:18:31","guid":{"rendered":"https:\/\/bdtemplatehub.com\/demo-service\/?page_id=68"},"modified":"2026-08-07T08:46:21","modified_gmt":"2026-08-07T08:46:21","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/bdtemplatehub.com\/breakdance-ivf-and-fertility-clinic-layouts-pack\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<main id='bde-main'><section class=\"bde-section-68-333 bde-section bde-preset-965779c0-0eb6-4324-a79d-2ebaa922e457\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-68-334 bde-div px_page_title_breadcrums bde-preset-5ef08ea5-3a6b-4541-8ece-c9f3c5301fcf\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<h2 class=\"bde-heading-68-335 bde-heading Inner_heading_title\">\nStyle Guide\n<\/h2><div class=\"bde-icon-list-68-336 bde-icon-list\">\n<ul>\n  \n              \n    <li>\n                      \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link bde-icon-list__item-wrapper\" href=\"https:\/\/bdtemplatehub.com\/breakdance-ivf-and-fertility-clinic-layouts-pack\" target=\"_self\" data-type=\"url\"  >\n\n      \n      <span class='bde-icon-list__icon' aria-hidden='true'>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-home\" viewBox=\"0 0 32 32\">\n<path d=\"M32 18.451l-16-12.42-16 12.42v-5.064l16-12.42 16 12.42zM28 18v12h-8v-8h-8v8h-8v-12l12-9z\"\/>\n<\/svg>\n      <\/span>\n      <span class='bde-icon-list__text' >\n      Home\n      <\/span>\n                  <\/a>\n\n      \n    <\/li>\n\n  \n              \n    <li>\n              <div class='bde-icon-list__item-wrapper'>\n      \n      <span class='bde-icon-list__icon' aria-hidden='true'>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 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=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>\n      <\/span>\n      <span class='bde-icon-list__text' >\n      Style Guide\n      <\/span>\n              <\/div>\n      \n    <\/li>\n\n  <\/ul>\n\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-68-197 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-68-199 bde-div px_container\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-68-200 bde-heading px_title\">\nHeading\n<\/h2><div class=\"bde-div-68-201 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-202 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-68-203 bde-heading\">\nTitle 01\n<\/h1><h2 class=\"bde-heading-68-204 bde-heading\">\n(h1) Heading \n<\/h2>\n<\/div><div class=\"bde-div-68-205 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-68-206 bde-heading\">\nFont-Size : 5vw\n<\/h3><h3 class=\"bde-heading-68-207 bde-heading\">\nLine Height : 1.3\n<\/h3><h3 class=\"bde-heading-68-208 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-68-209 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-210 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-68-211 bde-heading bde-preset-213c4d18-8b82-4a26-b7f6-39fd58648df3\">\nTitle 02\n<\/h2><h2 class=\"bde-heading-68-212 bde-heading\">\n(h2) Heading Title\n<\/h2>\n<\/div><div class=\"bde-div-68-213 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-68-214 bde-heading\">\nFont-Size : 50px\n<\/h3><h3 class=\"bde-heading-68-215 bde-heading\">\nLine Height : 1.3\n<\/h3><h3 class=\"bde-heading-68-216 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-68-217 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-218 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-68-219 bde-heading bde-preset-a114a2ee-c062-4f0e-815d-e098950ea1d2\">\nTitle 03\n<\/h3><h3 class=\"bde-heading-68-220 bde-heading\">\n(h3)  Sub Heading\n<\/h3>\n<\/div><div class=\"bde-div-68-221 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-68-222 bde-heading\">\nFont-Size : 24px\n<\/h3><h3 class=\"bde-heading-68-223 bde-heading\">\nLine Height : 1.3\n<\/h3><h3 class=\"bde-heading-68-224 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-68-225 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-226 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-227 bde-heading bde-preset-b64e60ab-842d-4d11-a316-d04623155719\">\nTitle 04\n<\/h4><h4 class=\"bde-heading-68-228 bde-heading\">\n(h4) Sub Heading-1\n<\/h4>\n<\/div><div class=\"bde-div-68-229 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-68-230 bde-heading\">\nFont-Size : 18px\n<\/h3><h3 class=\"bde-heading-68-231 bde-heading\">\nLine Height : 1.3\n<\/h3><h3 class=\"bde-heading-68-232 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-68-233 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-234 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-68-235 bde-heading bde-preset-b64e60ab-842d-4d11-a316-d04623155719\">\nTitle 05\n<\/h5><h4 class=\"bde-heading-68-236 bde-heading\">\n(h5) Sub Heading\n<\/h4>\n<\/div><div class=\"bde-div-68-237 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-68-238 bde-heading\">\nFont-Size : 16px\n<\/h3><h3 class=\"bde-heading-68-239 bde-heading\">\nLine Height : 1.3\n<\/h3><h3 class=\"bde-heading-68-240 bde-heading\">\nFont-Weight : 700\n<\/h3>\n<\/div>\n<\/div><h2 class=\"bde-heading-68-241 bde-heading px_title\">\nText\n<\/h2><div class=\"bde-grid-68-242 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-243 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-244 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-68-245 bde-heading\">\nBody Font-Style\n<\/h1>\n<\/div><div class=\"bde-div-68-246 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-68-247 bde-heading\">\nFont-Size : 16px\n<\/h3><h3 class=\"bde-heading-68-248 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-68-249 bde-heading\">\nFont-Weight : 400\n<\/h3>\n<\/div>\n<\/div><div class=\"bde-div-68-250 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-251 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-68-252 bde-heading\">\nText-Link\n<\/h1>\n<\/div><div class=\"bde-div-68-253 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-68-254 bde-heading\">\nFont-Size : 16px\n<\/h3><h3 class=\"bde-heading-68-255 bde-heading\">\nLine Height : 1.2em\n<\/h3><h3 class=\"bde-heading-68-256 bde-heading\">\nFont-Weight : 400\n<\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-68-257 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-68-258 bde-heading px_title\">\nLogo Style\n<\/h2><div class=\"bde-div-68-259 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-260 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-68-261 bde-image2\" src=\"https:\/\/oxylibrary.com\/oxygen-ivf-and-fertility-clinic-template\/wp-content\/uploads\/sites\/63\/2026\/07\/Oxygen-Library-Plus-Logo.png\" loading=\"lazy\" srcset=\"https:\/\/oxylibrary.com\/oxygen-ivf-and-fertility-clinic-template\/wp-content\/uploads\/sites\/63\/2026\/07\/Oxygen-Library-Plus-Logo.png 672w, https:\/\/oxylibrary.com\/oxygen-ivf-and-fertility-clinic-template\/wp-content\/uploads\/sites\/63\/2026\/07\/Oxygen-Library-Plus-Logo-300x116.png 300w\" sizes=\"(max-width: 672px) 100vw, 672px\"><h3 class=\"bde-heading-68-262 bde-heading bde-preset-b64e60ab-842d-4d11-a316-d04623155719\">\nBlack Logo\n<\/h3>\n<\/div><div class=\"bde-div-68-263 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-68-264 bde-image2\" src=\"https:\/\/oxylibrary.com\/oxygen-ivf-and-fertility-clinic-template\/wp-content\/uploads\/sites\/63\/2026\/07\/Oxygen-Library-Plus-Logo-w.png\" loading=\"lazy\" srcset=\"https:\/\/oxylibrary.com\/oxygen-ivf-and-fertility-clinic-template\/wp-content\/uploads\/sites\/63\/2026\/07\/Oxygen-Library-Plus-Logo-w.png 672w, https:\/\/oxylibrary.com\/oxygen-ivf-and-fertility-clinic-template\/wp-content\/uploads\/sites\/63\/2026\/07\/Oxygen-Library-Plus-Logo-w-300x116.png 300w\" sizes=\"(max-width: 672px) 100vw, 672px\"><h3 class=\"bde-heading-68-265 bde-heading\">\nWhite Logo\n<\/h3>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-68-266 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-68-267 bde-heading px_title\">\nColor Style\n<\/h2><div class=\"bde-grid-68-268 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-269 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-270 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-271 bde-heading\">\n#DB479D\n<\/h4>\n<\/div><div class=\"bde-text-68-272 bde-text\">\n--bdp_primary\n<\/div>\n<\/div><div class=\"bde-div-68-273 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-274 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-275 bde-heading\">\n#20296E\n<\/h4>\n<\/div><div class=\"bde-text-68-276 bde-text\">\n--bdp-secondary\n<\/div>\n<\/div><div class=\"bde-div-68-277 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-278 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-279 bde-heading\">\n#FAF7F8\n<\/h4>\n<\/div><div class=\"bde-text-68-280 bde-text\">\n--bdp-light\n<\/div>\n<\/div><div class=\"bde-div-68-281 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-282 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-283 bde-heading\">\n#E1EBF1\n<\/h4>\n<\/div><div class=\"bde-text-68-284 bde-text\">\n--bdp-border\n<\/div>\n<\/div><div class=\"bde-div-68-285 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-286 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-287 bde-heading\">\n#545563\n<\/h4>\n<\/div><div class=\"bde-text-68-288 bde-text\">\nText\n<\/div>\n<\/div><div class=\"bde-div-68-289 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-290 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-291 bde-heading\">\n#FFFFFF\n<\/h4>\n<\/div><div class=\"bde-text-68-292 bde-text\">\nBackground\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-68-293 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-68-294 bde-heading px_title\">\nContainer\n<\/h2><div class=\"bde-div-68-295 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-296 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-68-297 bde-heading\">\nWidth : 1400px\n<\/h5><h5 class=\"bde-heading-68-298 bde-heading\">\nVertical Padding : 60px\n<\/h5><h5 class=\"bde-heading-68-299 bde-heading\">\nHorizontal Padding : 20px\n<\/h5><h5 class=\"bde-heading-68-300 bde-heading\">\nColumn Gap : 30px\n<\/h5>\n<\/div>\n<\/div><h2 class=\"bde-heading-68-301 bde-heading px_title\">\nText\n<\/h2><div class=\"bde-grid-68-302 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-303 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-304 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-68-305 bde-heading\">\nBody Font-Style\n<\/h5>\n<\/div><div class=\"bde-div-68-306 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-68-307 bde-heading\">\nFont-Size : 16px\n<\/h5><h5 class=\"bde-heading-68-308 bde-heading\">\nLine Height : 1.3em\n<\/h5><h5 class=\"bde-heading-68-309 bde-heading\">\nFont-Weight : 400\n<\/h5>\n<\/div>\n<\/div><div class=\"bde-div-68-310 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-311 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-68-312 bde-heading\">\nText-Link\n<\/h5>\n<\/div><div class=\"bde-div-68-313 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-68-314 bde-heading\">\nFont-Size : 16px\n<\/h5><h5 class=\"bde-heading-68-315 bde-heading\">\nLine Height : 1.2em\n<\/h5><h5 class=\"bde-heading-68-316 bde-heading\">\nFont-Weight : 400\n<\/h5>\n<\/div>\n<\/div>\n<\/div><h2 class=\"bde-heading-68-317 bde-heading px_title\">\nFont-Family\n<\/h2><div class=\"bde-grid-68-318 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-319 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-68-320 bde-heading\">\nHeading - font Family :Onest<br>\n<\/h5><h5 class=\"bde-heading-68-321 bde-heading\">\nFont-weight :700\n<\/h5><h5 class=\"bde-heading-68-322 bde-heading\">\nline height : 1.3em\n<\/h5>\n<\/div><div class=\"bde-div-68-323 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-68-324 bde-heading\">\nBody - font Family : Onest<br>\n<\/h5><h5 class=\"bde-heading-68-325 bde-heading\">\nFont-weight :400\n<\/h5><h5 class=\"bde-heading-68-326 bde-heading\">\nline height : 1.3em\n<\/h5><h5 class=\"bde-heading-68-327 bde-heading\">\nBase Size : 16px\n<\/h5>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-68-328 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-68-329 bde-heading px_title bde-preset-213c4d18-8b82-4a26-b7f6-39fd58648df3\">\nbutton Variable\n<\/h2><div class=\"bde-div-68-330 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-68-331 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-68-332 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><\/main>","protected":false},"excerpt":{"rendered":"<p>Style Guide Home Style Guide Heading Title 01 (h1) Heading Font-Size : 5vw Line Height : 1.3 Font-Weight : 700 Title 02 (h2) Heading Title Font-Size : 50px Line Height : 1.3 Font-Weight : 700 Title 03 (h3) Sub Heading Font-Size : 24px Line Height : 1.3 Font-Weight : 700 Title 04 (h4) Sub Heading-1 [&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-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-ivf-and-fertility-clinic-layouts-pack\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-ivf-and-fertility-clinic-layouts-pack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-ivf-and-fertility-clinic-layouts-pack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-ivf-and-fertility-clinic-layouts-pack\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-ivf-and-fertility-clinic-layouts-pack\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":0,"href":"https:\/\/bdtemplatehub.com\/breakdance-ivf-and-fertility-clinic-layouts-pack\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-ivf-and-fertility-clinic-layouts-pack\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}