{"id":434,"date":"2019-01-31T07:33:00","date_gmt":"2019-01-31T07:33:00","guid":{"rendered":"https:\/\/exponentwptheme.com\/documentation\/?page_id=434"},"modified":"2019-01-31T07:33:00","modified_gmt":"2019-01-31T07:33:00","slug":"colorhub","status":"publish","type":"page","link":"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/colorhub\/","title":{"rendered":"Colorhub"},"content":{"rendered":"<div  class=\"tatsu-fzpurkocendn2z8i tatsu-section    tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"90px 0px 88px 0px\"}' data-padding-top='90px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-fzpurkoch78vylbx\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzpurkockfc3ppfr\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-sidebar tatsu-fzpurkoclm132yyn   \" data-animation=\"fadeIn\"   ><div class=\"widget_nav_menu widget\"><h6>Related Articles<\/h6><div class=\"menu-others-container\"><ul id=\"menu-others\" class=\"menu\"><li id=\"menu-item-594\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-594\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/404-error-after-demo-import\/\" title=\"404 Error after Demo Import\">404 Error after Demo Import<\/a><\/li>\n<li id=\"menu-item-538\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-538\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/site-performance\/\" title=\"Site Performance\">Site Performance<\/a><\/li>\n<li id=\"menu-item-536\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-536\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/multi-language-support\/\" title=\"Multi Language Support\">Multi Language Support<\/a><\/li>\n<li id=\"menu-item-537\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-537\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/site-translation\/\" title=\"Site Translation\">Site Translation<\/a><\/li>\n<li id=\"menu-item-540\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-540\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/set-up-single-page-site\/\" title=\"Set up Single Page Site\">Set up Single Page Site<\/a><\/li>\n<li id=\"menu-item-534\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-534\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/update-theme\/\" title=\"Update Theme\">Update Theme<\/a><\/li>\n<li id=\"menu-item-535\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-535\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/update-plugins\/\" title=\"Update Plugins\">Update Plugins<\/a><\/li>\n<li id=\"menu-item-550\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-550\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/change-log\/\" title=\"Change Log\">Change Log<\/a><\/li>\n<li id=\"menu-item-542\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-542\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/typehub\/\" title=\"Typehub\">Typehub<\/a><\/li>\n<li id=\"menu-item-541\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-541\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/colorhub\/\" title=\"Colorhub\">Colorhub<\/a><\/li>\n<\/ul><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzpurkockfc3ppfr.tatsu-column{width: 25%;}.tatsu-fzpurkockfc3ppfr.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzpurkockfc3ppfr > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzpurkockfc3ppfr > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzpurkockfc3ppfr > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzpurkockfc3ppfr > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzpurkockfc3ppfr.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzpurkockfc3ppfr.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzpurkockfc3ppfr.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzpurkockfc3ppfr.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-three-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzpurkokbnd6fk0g\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzpvcwijqs2d77gb   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzpvcwijqs2d77gb .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzpvcwijqs2d77gb.tatsu-inline-text{margin: 0px 0px 0px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzpvcwijqs2d77gb .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><a href=\"..\/\" target=\"_self\" rel=\"noopener\"><span class=\"palette-0 tatsu-inline-link-style2 h9\">CATEGORY &#8211; OTHERS<\/span><\/a><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzpvcwikg82tnxbf   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzpvcwikg82tnxbf .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzpvcwikg82tnxbf .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Colorhub<\/h3>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzpvcwikykaokh5m   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzpvcwikykaokh5m .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzpvcwikykaokh5m.tatsu-inline-text{margin: 0px 0px 15px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzpvcwikykaokh5m .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><span style=\"font-size: 17px;background-color: #ffffff\">Colorhub plugin is used to manage the Colors used across the site. Colorhub organises the colors into Palettes and Swatches.\u00a0<\/span><\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-external-image tatsu-HkvB_Nl4N  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"\" ><\/div><img class = \"tatsu-gradient-border\" data-src = \"https:\/\/spyrowptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/color-hub-1.jpg\" alt =\" \"  src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-HkvB_Nl4N{margin: 0px 0px 20px 0px;}.tatsu-HkvB_Nl4N .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-HkvB_Nl4N.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-HkLDOVgVE   \" data-animation=\"fadeIn\"  ><style>.tatsu-HkLDOVgVE .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-HkLDOVgVE .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Palettes &#8211;&nbsp;<\/h5>\n<p>A Palette is a group of five colors, that define the overall color scheme of your website. The first color of the palette is the main accent color ( ex: button background color ), while the second one is the complimentary color ( ex button text color, when the background is the accent color ). The rest can be used for Title&rsquo;s, Body Text, Secondary backgrounds etc. Palettes allow you to experiment with different color combinations, until you find the right tone for your website. When you build pages using Tatsu, you have to choose from the one of colors from the currently active palette. The next time you change a palette color or the entire palette, your changes will reflect across your website.<\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-H1lYuEgEV   \" data-animation=\"fadeIn\"  ><style>.tatsu-H1lYuEgEV .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-H1lYuEgEV .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Swatches &#8211;&nbsp;<\/h5>\n<p>Swatches are just references to your favourite colors. Think of them as colors with Names instead of color codes. Save the colours that you are likely to use across your website as swatches and choose them directly from our Tatsu Page Builder. No need to remember or copy \/ paste color codes any longer. And then next time you change your mind and decide to use a different color shade, you just have to edit the Swatch here, instead of editing each of your pages.<\/p>\n<\/div><\/div><div class=\"tatsu-row-wrap  tatsu-row-one-col tatsu-row-has-one-cols tatsu-medium-gutter tatsu-reg-cols tatsu-inner-row-wrap  tatsu-clearfix tatsu-SJxRLKVgNV\" ><style>.tatsu-SJxRLKVgNV.tatsu-row-wrap > .tatsu-row{padding: 40px 40px 40px 40px;background-color: rgba(234,242,249,1);}<\/style><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-col tatsu-column-image- tatsu-column-effect-  tatsu-r1CLKVl4V\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-BJycd4lNV   \" data-animation=\"fadeIn\"  ><style>.tatsu-BJycd4lNV .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-BJycd4lNV .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h6><span class=\"palette-0\">NOTE &#8211;&nbsp;<\/span><\/h6>\n<p>The Colorhub data is well integrated within Tatsu. i.e the colors that you set as Swatches and Palettes are also available for your modules in TATSU. You will find the Swatch and Palette tab in the Color Picker.&nbsp;<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-rk5HKNg44  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 1682px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 40.190249702735%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"typehub-main-screen\" data-src = \"https:\/\/spyrowptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/typehub-main-screen-1.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-rk5HKNg44 .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-rk5HKNg44.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-r1CLKVl4V.tatsu-column{width: 100%;}.tatsu-r1CLKVl4V.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-r1CLKVl4V > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-r1CLKVl4V > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-r1CLKVl4V > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-r1CLKVl4V > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-r1CLKVl4V.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-r1CLKVl4V.tatsu-column{width: 100%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-r1CLKVl4V.tatsu-column{width: 100%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-r1CLKVl4V.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzpurkokbnd6fk0g.tatsu-column{width: 75%;}.tatsu-fzpurkokbnd6fk0g.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 0px 0px 40px;}.tatsu-fzpurkokbnd6fk0g.tatsu-column > .tatsu-column-inner{border-width: 0px 0px 0px 1px;border-color: rgba(237,237,237,1); }.tatsu-fzpurkokbnd6fk0g.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzpurkokbnd6fk0g > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzpurkokbnd6fk0g > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzpurkokbnd6fk0g > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzpurkokbnd6fk0g > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzpurkokbnd6fk0g.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzpurkokbnd6fk0g.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzpurkokbnd6fk0g.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzpurkokbnd6fk0g.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><style>.tatsu-fzpurkocendn2z8i.tatsu-section{background-color: rgba(255,255,255,1);}.tatsu-fzpurkocendn2z8i .tatsu-section-pad{padding: 90px 0px 88px 0px;}.tatsu-fzpurkocendn2z8i > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzpurkocendn2z8i > .tatsu-top-divider{z-index: 9999;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/colorhub\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":391,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-434","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=434"}],"version-history":[{"count":0,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/434\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/391"}],"wp:attachment":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}