{"id":16,"date":"2025-11-18T06:53:30","date_gmt":"2025-11-18T06:53:30","guid":{"rendered":"https:\/\/bdtemplatehub.com\/breakdance-cv-resume-layouts-pack\/?page_id=16"},"modified":"2025-12-05T09:29:19","modified_gmt":"2025-12-05T09:29:19","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/bdtemplatehub.com\/breakdance-cv-resume-layouts-pack\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<section class=\"bde-section-16-196 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-16-197 bde-div px_con_div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-16-198 bde-heading bde-preset-f25c9eff-119a-45b0-a670-ca1653718af8\">\nStyle Guide\n<\/h1>\n<\/div><\/div>\n<\/section><section class=\"bde-section-16-199 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-16-200 bde-div px_con_div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-16-201 bde-heading\">\nColor style\n<\/h4><div class=\"bde-fancy-divider-16-202 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-16-203 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-16-204 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-16-205 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-text-16-206 bde-text\">\nPrimary Color\n<\/div><div class=\"bde-text-16-207 bde-text\">\n#FF7E35\n<\/div>\n<\/div><div class=\"bde-div-16-208 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-16-209 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-text-16-210 bde-text\">\nSecondary Color\n<\/div><div class=\"bde-text-16-211 bde-text\">\n#1C1D20\n<\/div>\n<\/div><div class=\"bde-div-16-212 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-16-213 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-text-16-214 bde-text\">\nHeading Color\n<\/div><div class=\"bde-text-16-215 bde-text\">\n#FFFFFF\n<\/div>\n<\/div><div class=\"bde-div-16-216 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-16-217 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><div class=\"bde-text-16-218 bde-text\">\nText Color\n<\/div><div class=\"bde-text-16-219 bde-text\">\n#8C9298\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-16-232 bde-div px_con_div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-16-233 bde-heading\">\nHeading style\n<\/h4><div class=\"bde-fancy-divider-16-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-16-282 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-16-283 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-16-284 bde-heading\">\nH1 - Aa Bb Cc\n<\/h1><div class=\"bde-div-16-285 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-16-286 bde-text\">\nHeading 1\n<\/div><div class=\"bde-text-16-287 bde-text\">\nFont \"Plus Jakarta Sans\"\n<\/div><div class=\"bde-text-16-288 bde-text\">\nSize: var(--bde-h1-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-16-289 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-16-290 bde-heading\">\nH2 - Aa Bb Cc\n<\/h2><div class=\"bde-div-16-291 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-16-292 bde-text\">\nHeading 2\n<\/div><div class=\"bde-text-16-293 bde-text\">\nFont \"Plus Jakarta Sans\"\n<\/div><div class=\"bde-text-16-294 bde-text\">\nSize: var(--bde-h2-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-16-295 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-16-296 bde-heading\">\nH3 - Aa Bb Cc\n<\/h3><div class=\"bde-div-16-297 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-16-298 bde-text\">\nHeading 3\n<\/div><div class=\"bde-text-16-299 bde-text\">\nFont \"Plus Jakarta Sans\"\n<\/div><div class=\"bde-text-16-300 bde-text\">\nSize: var(--bde-h3-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-16-301 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-16-302 bde-heading\">\nH4 - Aa Bb Cc\n<\/h4><div class=\"bde-div-16-303 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-16-304 bde-text\">\nHeading 4\n<\/div><div class=\"bde-text-16-305 bde-text\">\nFont \"Plus Jakarta Sans\"\n<\/div><div class=\"bde-text-16-306 bde-text\">\nSize: var(--bde-h4-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-16-307 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-16-308 bde-heading\">\nH5 - Aa Bb Cc\n<\/h5><div class=\"bde-div-16-309 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-16-310 bde-text\">\nHeading 5\n<\/div><div class=\"bde-text-16-311 bde-text\">\nFont \"Plus Jakarta Sans\"\n<\/div><div class=\"bde-text-16-312 bde-text\">\nSize: var(--bde-h5-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-16-313 bde-div\">\n  \n  \n\t\n\n\n\n<h6 class=\"bde-heading-16-314 bde-heading\">\nH6 - Aa Bb Cc\n<\/h6><div class=\"bde-div-16-315 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-16-316 bde-text\">\nHeading 6\n<\/div><div class=\"bde-text-16-317 bde-text\">\nFont \"Plus Jakarta Sans\"\n<\/div><div class=\"bde-text-16-318 bde-text\">\nSize: var(--bde-h6-font-size)\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-16-272 bde-div px_con_div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-16-273 bde-heading\">\nRich text typography\n<\/h4><div class=\"bde-fancy-divider-16-274 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-rich-text-16-275 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-div-16-276 bde-div px_con_div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-16-277 bde-heading\">\nButton Style\n<\/h4><div class=\"bde-fancy-divider-16-278 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-16-279 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-16-280 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-16-281 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><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Style Guide Color style Primary Color #FF7E35 Secondary Color #1C1D20 Heading Color #FFFFFF Text Color #8C9298 Heading style H1 &#8211; Aa Bb Cc Heading 1 Font &#8220;Plus Jakarta Sans&#8221; Size: var(&#8211;bde-h1-font-size) H2 &#8211; Aa Bb Cc Heading 2 Font &#8220;Plus Jakarta Sans&#8221; Size: var(&#8211;bde-h2-font-size) H3 &#8211; Aa Bb Cc Heading 3 Font &#8220;Plus Jakarta Sans&#8221; [&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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-cv-resume-layouts-pack\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-cv-resume-layouts-pack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-cv-resume-layouts-pack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-cv-resume-layouts-pack\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-cv-resume-layouts-pack\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":0,"href":"https:\/\/bdtemplatehub.com\/breakdance-cv-resume-layouts-pack\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-cv-resume-layouts-pack\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}