{"id":992,"date":"2015-01-31T05:00:32","date_gmt":"2015-01-31T05:00:32","guid":{"rendered":"https:\/\/www.santarosawebsite.com\/websitedesign\/?p=992"},"modified":"2015-01-09T16:43:01","modified_gmt":"2015-01-09T16:43:01","slug":"powerfulcolorsforwebsite","status":"publish","type":"post","link":"https:\/\/businesswebsitecenter.com\/websitedesign\/powerfulcolorsforwebsite\/","title":{"rendered":"Choosing powerful colors for your website"},"content":{"rendered":"<p>The title of this post \u201c<em>Choosing powerful colors for your website<\/em>\u201d could be taken the wrong way. By \u201cpowerful\u201d we do not mean strong, vibrant and aggressive colors. We mean colors which work great for your target audience, your company\u2019s message and industry type. A powerful color can be subtle and light while still doing \u201cits\u201d job.<\/p>\n<p>1 \u00bd year ago we wrote a blog post about the meaning of colors and that information is still true today. [To view this prior post click <a title=\"What is the meaning of colors?\" href=\"https:\/\/www.santarosawebsite.com\/websitedesign\/the-meaning-of-colors-in-your-branding-and-marketing-efforts\/\" target=\"_blank\"><strong>here<\/strong><\/a>]<\/p>\n<p style=\"text-align: center; color: #e49000;\"><strong>Step one of good color selections for a website<\/strong><\/p>\n<p>It starts with your logo. If you have a strong and established logo, the colors of the website should support and compliment your logo. This does not mean the colors have to be identical. We, at <strong>BWC<\/strong>, like to recommend 1 or 2 top colors with different variations of these chosen colors. The top color is typically closer if not identical to the logo\u2019s main color and is used for important titles, perhaps footer background color and more. The secondary color (possibly taken from the logo as well) is used for other website elements that are also important: Subtitles, sub sections, etc.<\/p>\n<p style=\"text-align: center; color: #e49000;\"><strong>Step two<\/strong><\/p>\n<p>Place your logo in an image editor (we recommend Photoshop) and add three boxes of color next to it. If you do not have an editor in your computer, you can use Microsoft Word.<\/p>\n<p>&#8211; Box 1 should match exactly the logo\u2019s primary color.<\/p>\n<p>&#8211; Box 2 should pick up on a second color that might be in the logo. If your logo is only one color (like ours), then selects a colors that works well with it.<\/p>\n<p>&#8211; Box 3 should be a different shade of Box 1, typically lighter in density that could be used in background colors for strategic buttons or sections on your website.<\/p>\n<p style=\"text-align: center; color: #e49000;\"><strong>Step three<\/strong><\/p>\n<p>Take a fresh look at the palette you just created. Remember that colors should evoke a specific feeling for your website visitors but you have to know what that feeling should be. So answer this question:<\/p>\n<p>What feeling do you want your visitors to have when arriving on your website?<\/p>\n<p>&#8211; Confidence and accuracy?<\/p>\n<p>&#8211; Warm and loving?<\/p>\n<p>&#8211; Fun and active?<\/p>\n<p><figure id=\"attachment_1000\" aria-describedby=\"caption-attachment-1000\" style=\"width: 250px\" class=\"wp-caption alignright\"><a href=\"https:\/\/www.santarosawebsite.com\/websitedesign\/wp-content\/uploads\/2015\/01\/powerfulcolorsformywebsite.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"petaluma wp-image-1000 size-full\" src=\"https:\/\/www.santarosawebsite.com\/websitedesign\/wp-content\/uploads\/2015\/01\/powerfulcolorsformywebsite.jpg\" alt=\"what makes colors work on a website\" width=\"250\" height=\"167\" \/><\/a><figcaption id=\"caption-attachment-1000\" class=\"wp-caption-text\">Choose the right colors for your website<\/figcaption><\/figure>What is your answer? Based on your answer take a second look at the color palette you created with your logo. Is this working to render that specific feeling? If the meaning of colors is difficult for you to grasp, no worries, visit this <strong><a title=\"Colors and their meaning\" href=\"https:\/\/www.santarosawebsite.com\/websitedesign\/the-meaning-of-colors-in-your-branding-and-marketing-efforts\/\" target=\"_blank\">prior post<\/a><\/strong>.<\/p>\n<p>Once you have establish a color palette that works with your logo, your branding and type of clientele, applying the colors to your new website is easy.<\/p>\n<p>As mentioned many times before, you should not be expected to understand every website element, but you should be informed enough to demand it from your web designer.<\/p>\n<p>&nbsp;<\/p>\n<div style=\"background-color: #dfdfdf; border: 1px solid #555; padding: 10px;\">If you have additional questions about web colors, branding and website design, never hesitate to <a title=\"Email BWC about your branding questions \" href=\"\/contact.php\" target=\"_blank\"><strong>contact us<\/strong><\/a>.<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The title of this post \u201cChoosing powerful colors for your website\u201d could be taken the wrong way. By \u201cpowerful\u201d we do not mean strong, vibrant and aggressive colors. We mean colors which work great for your target audience, your company\u2019s message and industry type. A powerful color can be subtle and light while still doing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":994,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,11],"tags":[202,173],"_links":{"self":[{"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/posts\/992"}],"collection":[{"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/comments?post=992"}],"version-history":[{"count":7,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/posts\/992\/revisions"}],"predecessor-version":[{"id":998,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/posts\/992\/revisions\/998"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/media\/994"}],"wp:attachment":[{"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/media?parent=992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/categories?post=992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/tags?post=992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}