{"id":2203,"date":"2026-04-09T04:55:21","date_gmt":"2026-04-09T04:55:21","guid":{"rendered":"https:\/\/bdtemplatehub.com\/breakdance-ai-solution-layouts-pack\/?page_id=2203"},"modified":"2026-04-09T06:59:50","modified_gmt":"2026-04-09T06:59:50","slug":"our-brandkit","status":"publish","type":"page","link":"https:\/\/bdtemplatehub.com\/breakdance-ai-solution-layouts-pack\/our-brandkit\/","title":{"rendered":"Our Brandkit"},"content":{"rendered":"<section class=\"bde-section-2203-100 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-2203-101 bde-div px_container\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2203-102 bde-div\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<h1 class=\"bde-heading-2203-103 bde-heading bde-preset-70a88e24-76de-4bf3-9ead-ff7690190139\">\nOur Brandkit\n<\/h1><div class=\"bde-icon-list-2203-104 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-ai-solution-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-ai-solution-layouts-pack\/our-brandkit\/\" 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      Our Brandkit\n      <\/span>\n                  <\/a>\n\n      \n    <\/li>\n\n  <\/ul>\n\n<\/div><div class=\"bde-text-2203-105 bde-text\">\nEverything you need to represent PIXLS consistently \u2014 logos, color codes, typography, icons, and press assets. All assets are free to use under our brand guidelines.<br>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2203-160 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-2203-161 bde-div px_container\" data-entrance=\"slideUp\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2203-162 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2203-163 bde-heading\">\nColor Style\n<\/h4><div class=\"bde-columns-2203-164 bde-columns\"><div class=\"bde-column-2203-165 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2203-166 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-2203-167 bde-heading\">\nPrimary Color\n<\/h5><div class=\"bde-text-2203-168 bde-text\">\n#\n<\/div>\n<\/div><div class=\"bde-column-2203-169 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2203-170 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-2203-171 bde-heading\">\nSecondary Color\n<\/h5><div class=\"bde-text-2203-172 bde-text\">\n#\n<\/div>\n<\/div><div class=\"bde-column-2203-173 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2203-174 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-2203-175 bde-heading\">\nLight Color\n<\/h5><div class=\"bde-text-2203-176 bde-text\">\n#\n<\/div>\n<\/div><div class=\"bde-column-2203-177 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2203-178 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-2203-179 bde-heading\">\nBorder Color\n<\/h5><div class=\"bde-text-2203-180 bde-text\">\n#\n<\/div>\n<\/div><\/div><div class=\"bde-columns-2203-181 bde-columns\"><div class=\"bde-column-2203-182 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2203-183 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-2203-184 bde-heading\">\nShadow Color\n<\/h5><div class=\"bde-text-2203-185 bde-text\">\n#\n<\/div>\n<\/div><div class=\"bde-column-2203-186 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2203-187 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-2203-188 bde-heading\">\nHeading Color\n<\/h5><div class=\"bde-text-2203-189 bde-text\">\n#\n<\/div>\n<\/div><div class=\"bde-column-2203-190 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2203-191 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-2203-192 bde-heading\">\nText Color\n<\/h5><div class=\"bde-text-2203-193 bde-text\">\n#\n<\/div>\n<\/div><div class=\"bde-column-2203-194 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-2203-195 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div><h5 class=\"bde-heading-2203-196 bde-heading\">\nBackground Color\n<\/h5><div class=\"bde-text-2203-197 bde-text\">\n#\n<\/div>\n<\/div><\/div>\n<\/div><div class=\"bde-fancy-divider-2203-198 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-2203-199 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2203-200 bde-heading\">\nHeading Style\n<\/h4><div class=\"bde-div-2203-201 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-2203-202 bde-heading\">\nThis is a heading.\n<\/h1><div class=\"bde-div-2203-203 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-2203-204 bde-text\">\nHeading 1\n<\/div><div class=\"bde-text-2203-205 bde-text\">\nfont-family : \"Sora\",sans-serif\n<\/div><div class=\"bde-text-2203-206 bde-text\">\nSize: var(--bde-h1-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-2203-207 bde-div\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-2203-208 bde-heading\">\nThis is a heading.\n<\/h2><div class=\"bde-div-2203-209 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-2203-210 bde-text\">\nHeading 2\n<\/div><div class=\"bde-text-2203-211 bde-text\">\nfont-family : \"Sora\",sans-serif\n<\/div><div class=\"bde-text-2203-212 bde-text\">\nSize: var(--bde-h2-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-2203-213 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-2203-214 bde-heading\">\nThis is a heading.\n<\/h3><div class=\"bde-div-2203-215 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-2203-216 bde-text\">\nHeading 3\n<\/div><div class=\"bde-text-2203-217 bde-text\">\nfont-family : \"Sora\",sans-serif\n<\/div><div class=\"bde-text-2203-218 bde-text\">\nSize: var(--bde-h3-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-2203-219 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2203-220 bde-heading\">\nThis is a heading.\n<\/h4><div class=\"bde-div-2203-221 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-2203-222 bde-text\">\nHeading 4\n<\/div><div class=\"bde-text-2203-223 bde-text\">\nfont-family : \"Sora\",sans-serif\n<\/div><div class=\"bde-text-2203-224 bde-text\">\nSize: var(--bde-h4-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-2203-225 bde-div\">\n  \n  \n\t\n\n\n\n<h5 class=\"bde-heading-2203-226 bde-heading\">\nThis is a heading.\n<\/h5><div class=\"bde-div-2203-227 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-2203-228 bde-text\">\nHeading 5\n<\/div><div class=\"bde-text-2203-229 bde-text\">\nfont-family : \"Sora\",sans-serif\n<\/div><div class=\"bde-text-2203-230 bde-text\">\nSize: var(--bde-h5-font-size)\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-2203-231 bde-div\">\n  \n  \n\t\n\n\n\n<h6 class=\"bde-heading-2203-232 bde-heading\">\nThis is a heading.\n<\/h6><div class=\"bde-div-2203-233 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-2203-234 bde-text\">\nHeading 6\n<\/div><div class=\"bde-text-2203-235 bde-text\">\nfont-family : \"Sora\",sans-serif\n<\/div><div class=\"bde-text-2203-236 bde-text\">\nSize: var(--bde-h6-font-size)\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-fancy-divider-2203-237 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-2203-238 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2203-239 bde-heading\">\nRich Text Style\n<\/h4><div class=\"bde-rich-text-2203-240 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-2203-241 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-2203-242 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-2203-243 bde-heading\">\nButton Style\n<\/h4><div class=\"bde-div-2203-244 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-2203-245 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom button-atom--preset-db18acd3-e54e-45c4-bcf3-1fb6110dbf00 bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">Click Here<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div><div class=\"bde-button-2203-246 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\">Click Here<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div><div class=\"bde-div-2203-247 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-2203-249 bde-text\">\nfont-family: \"IBM Plex Mono\"\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Our Brandkit Home Our Brandkit Everything you need to represent PIXLS consistently \u2014 logos, color codes, typography, icons, and press assets. All assets are free to use under our brand guidelines. Color Style Primary Color # Secondary Color # Light Color # Border Color # Shadow Color # Heading Color # Text Color # Background [&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-2203","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-ai-solution-layouts-pack\/wp-json\/wp\/v2\/pages\/2203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-ai-solution-layouts-pack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-ai-solution-layouts-pack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-ai-solution-layouts-pack\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-ai-solution-layouts-pack\/wp-json\/wp\/v2\/comments?post=2203"}],"version-history":[{"count":17,"href":"https:\/\/bdtemplatehub.com\/breakdance-ai-solution-layouts-pack\/wp-json\/wp\/v2\/pages\/2203\/revisions"}],"predecessor-version":[{"id":2360,"href":"https:\/\/bdtemplatehub.com\/breakdance-ai-solution-layouts-pack\/wp-json\/wp\/v2\/pages\/2203\/revisions\/2360"}],"wp:attachment":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-ai-solution-layouts-pack\/wp-json\/wp\/v2\/media?parent=2203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}