How to Update Colors

introduction colors play a key role in shaping your website’s visual identity and overall user experience from buttons and text to backgrounds and callouts, consistent color usage reinforces your brand and helps guide visitors' attention in the storagely website cms, you can easily update colors across sections to match your branding, improve readability, and create a polished, professional look this guide walks you through how to adjust color settings effectively throughout your site note colors are chosen during onboarding and will impact the consistency of your entire site, including location pages and rental system if you need assistance with color changes, please consult with storagley to complete this to change an element's color click on the element (text, button, icon, etc ) in the toolbar, click the color circle use the color picker or paste in a hex/rgb code https //docs storagely io/storagely product/how to make changes on desktop tablet and mobile ( desktop , tablet , mobile ) to ensure they look correct if you want to save the update made, select “ update ” in the bottom right corner of the window then close the tab 🎥 watch tutorial video to edit global color swatches click the paint roller icon in the top left of the website editor, and click the paint roller icon to open global design settings click any swatch color to change it new swatch values apply everywhere that the swatch color is used site wide https //docs storagely io/storagely product/how to make changes on desktop tablet and mobile (desktop, tablet, mobile) to ensure they look correct if you want to save the update made, select “update” in the bottom right corner of the window then close the tab 🎥 watch tutorial video best practices for editing color swatches ✅ use your brand’s official color palette stick to your primary and secondary brand colors for consistency across your website, marketing materials, and signage if available, use exact hex or rgb codes from your brand guide ✅ update swatches instead of individual elements always edit global swatches when possible this ensures consistency and saves time—every element using that swatch will update automatically across the site ✅ preview changes across all devices color visibility and contrast can appear differently on smaller screens always test updates in desktop, tablet, and mobile views before publishing as always, if you ever have any questions throughout this process, our customer success team is always ready to help! we have a couple of ways you can reach out, choose what is best for you ! all methods of contact flow into the same support team, which means no method will provide you a faster response than others email helpdesk\@storagely io com https //d1s7s share hsforms com/297gkkisitsmdgskuyt9s2g