{"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-09-15T11:54:55","modified_gmt":"2026-09-15T11:54:55","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/bdtemplatehub.com\/breakdance-kindergarten-layouts-pack\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<main id='bde-main'><section class=\"bde-section-68-100 bde-section bde-preset-965779c0-0eb6-4324-a79d-2ebaa922e457\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n        <div class=\"section-shape-divider-wrapper section-shape-divider-wrapper--1\">\n          <span class=\"section-shape-divider\">\n                      <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                viewBox=\"0 0 1440 320\"\n                preserveAspectRatio=\"none\"\n            >\n              <path d=\"M0 320v-39.6l36-36V129.2l18-18 18 18v36l18 18 18-18v-57.6l18-18 18 18v21.6l36 36v36l36 36v43.2l18 18 18-18V150.8l54-54 18 18v64.8l36 36v36l18 18 18-18V150.8l18-18 18 18v7.2l36 36v43.2l18 18 18-18V136.4l18-18h3.6l28.8-28.8h3.6l18 18v136.8l18 18 18-18V143.6l18-18 18 18v43.2l18 18 18-18v-79.2l18-18 18 18v136.8l18 18 18-18V129.2l18-18 18 18v36l18 18 18-18v-57.6l18-18 18 18v21.6l36 36v36l36 36v43.2l18 18 18-18V150.8l54-54 18 18v64.8l36 36v36l18 18 18-18V150.8l18-18 18 18v7.2l36 36v43.2l18 18 18-18V136.4l18-18h3.6l28.8-28.8h3.6l18 18v136.8l18 18 18-18V143.6l18-18 18 18v43.2l18 18 18-18v-79.2l18-18 18 18V320H0Z\" fill=\"currentColor\"\/>\n            <\/svg>\n                    <\/span>\n      <\/div>\n  <div class=\"section-container\"><div class=\"bde-div-68-101 bde-div px_container\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-68-102 bde-heading bde-preset-70a88e24-76de-4bf3-9ead-ff7690190139\">\nStyle Guide\n<\/h1><div class=\"bde-icon-list-68-103 bde-icon-list px_page_title_breadcrums bde-preset-fc91dd2f-6410-4ced-8d73-6d0ce6ba4f65\">\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-kindergarten-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                      \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link bde-icon-list__item-wrapper\" href=\"https:\/\/bdtemplatehub.com\/breakdance-kindergarten-layouts-pack\/style-guide\/\" 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\" 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                  <\/a>\n\n      \n    <\/li>\n\n  <\/ul>\n\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-68-104 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-68-197 bde-div px_container\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-198 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-199 bde-heading\">\nColor Style\n<\/h4><div class=\"bde-columns-68-200 bde-columns\"><div class=\"bde-column-68-201 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-202 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-68-203 bde-heading\">\nPrimary Color\n<\/h5><div class=\"bde-text-68-204 bde-text\">\n#f9b003\n<\/div>\n<\/div><div class=\"bde-column-68-205 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-206 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-68-207 bde-heading\">\nSecondary Color\n<\/h5><div class=\"bde-text-68-208 bde-text\">\n#fc4525\n<\/div>\n<\/div><div class=\"bde-column-68-209 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-210 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-68-211 bde-heading\">\nLight Color\n<\/h5><div class=\"bde-text-68-212 bde-text\">\n#f5eefb\n<\/div>\n<\/div><div class=\"bde-column-68-213 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-214 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-68-215 bde-heading\">\nBorder Color\n<\/h5><div class=\"bde-text-68-216 bde-text\">\n#feecea\n<\/div>\n<\/div><\/div><div class=\"bde-columns-68-217 bde-columns\"><div class=\"bde-column-68-222 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-223 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-68-224 bde-heading\">\nHeading Color\n<\/h5><div class=\"bde-text-68-225 bde-text\">\n#010101\n<\/div>\n<\/div><div class=\"bde-column-68-226 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-227 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-68-228 bde-heading\">\nText Color\n<\/h5><div class=\"bde-text-68-229 bde-text\">\n#6e6e6e\n<\/div>\n<\/div><div class=\"bde-column-68-230 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-231 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-68-232 bde-heading\">\nBackground Color\n<\/h5><div class=\"bde-text-68-233 bde-text\">\n#ffffff\n<\/div>\n<\/div><\/div>\n<\/div><div class=\"bde-fancy-divider-68-234 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-div-68-235 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-236 bde-heading\">\nHeading Style\n<\/h4><div class=\"bde-div-68-237 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-68-238 bde-heading\">\nThis is a heading.\n<\/h1><div class=\"bde-div-68-239 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-68-240 bde-text\">\nHeading 1\n<\/div><div class=\"bde-text-68-241 bde-text\">\nFont: \"Nunito\"\n<\/div><div class=\"bde-text-68-242 bde-text\">\nSize: var(--bde-h1-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-68-243 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-68-244 bde-heading\">\nThis is a heading.\n<\/h2><div class=\"bde-div-68-245 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-68-246 bde-text\">\nHeading 2\n<\/div><div class=\"bde-text-68-247 bde-text\">\nFont: \"Nunito\"\n<\/div><div class=\"bde-text-68-248 bde-text\">\nSize: var(--bde-h2-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-68-249 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-68-250 bde-heading\">\nThis is a heading.\n<\/h3><div class=\"bde-div-68-251 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-68-252 bde-text\">\nHeading 3\n<\/div><div class=\"bde-text-68-253 bde-text\">\nFont: \"Onest\"\n<\/div><div class=\"bde-text-68-254 bde-text\">\nSize: var(--bde-h3-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-68-255 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-256 bde-heading\">\nThis is a heading.\n<\/h4><div class=\"bde-div-68-257 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-68-258 bde-text\">\nHeading 4\n<\/div><div class=\"bde-text-68-259 bde-text\">\nFont: \"Nunito\"\n<\/div><div class=\"bde-text-68-260 bde-text\">\nSize: var(--bde-h4-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-68-261 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-68-262 bde-heading\">\nThis is a heading.\n<\/h5><div class=\"bde-div-68-263 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-68-264 bde-text\">\nHeading 5\n<\/div><div class=\"bde-text-68-265 bde-text\">\nFont: \"Nunito\"\n<\/div><div class=\"bde-text-68-266 bde-text\">\nSize: var(--bde-h5-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-68-267 bde-div\">\n  \n  \n\t\n\n\n\n<h6 class=\"bde-heading-68-268 bde-heading\">\nThis is a heading.\n<\/h6><div class=\"bde-div-68-269 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-68-270 bde-text\">\nHeading 6\n<\/div><div class=\"bde-text-68-271 bde-text\">\nFont: \"Nunito\"\n<\/div><div class=\"bde-text-68-272 bde-text\">\nSize: var(--bde-h6-font-size)\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-fancy-divider-68-273 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-div-68-274 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-68-275 bde-heading\">\nRich Text Style\n<\/h4><div class=\"bde-rich-text-68-276 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:\/\/bdtemplatehub.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<\/div>\n<\/div><div class=\"bde-fancy-divider-68-277 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><h4 class=\"bde-heading-68-278 bde-heading\">\nButton Style\n<\/h4><div class=\"bde-div-68-279 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-68-280 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-68-281 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-282 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>\n<\/div>\n<\/div><\/div>\n<\/section><\/main>","protected":false},"excerpt":{"rendered":"<p>Style Guide Home Style Guide Color Style Primary Color #f9b003 Secondary Color #fc4525 Light Color #f5eefb Border Color #feecea Heading Color #010101 Text Color #6e6e6e Background Color #ffffff Heading Style This is a heading. Heading 1 Font: &#8220;Nunito&#8221; Size: var(&#8211;bde-h1-font-size) This is a heading. Heading 2 Font: &#8220;Nunito&#8221; Size: var(&#8211;bde-h2-font-size) This is a heading. Heading [&hellip;]<\/p>\n","protected":false},"author":4,"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-kindergarten-layouts-pack\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-kindergarten-layouts-pack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-kindergarten-layouts-pack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-kindergarten-layouts-pack\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-kindergarten-layouts-pack\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":0,"href":"https:\/\/bdtemplatehub.com\/breakdance-kindergarten-layouts-pack\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-kindergarten-layouts-pack\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}