{"id":13226,"date":"2014-01-08T08:30:22","date_gmt":"2014-01-08T14:30:22","guid":{"rendered":"https:\/\/crazyeggblog.wpengine.com\/?p=13226"},"modified":"2017-10-19T22:23:39","modified_gmt":"2017-10-20T03:23:39","slug":"colors-in-landing-pages","status":"publish","type":"post","link":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/","title":{"rendered":"How to Use Colors for More Effective Landing Pages"},"content":{"rendered":"<p>We all know <a href=\"https:\/\/www.crazyegg.com\/blog\/conversion-rate-optimization-case-studies\/\">that colors play a large role in our marketing<\/a> efforts, but have you ever taken a closer look at how color may be affecting your bottom line?<\/p>\n<p>Believe it or not, color has a powerful influence on our emotions and decision making abilities, not to mention our first impressions of everything from a logo to a landing page.<\/p>\n<p align=\"center\"><img decoding=\"async\" width=\"745\" height=\"311\" class=\"alignnone size-full wp-image-13227\" alt=\"Using Colors for Landing Pages\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/Marketing_Copywriting_4_Magic_Words_to_Increase_Ecommerce_Sales.jpg\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/Marketing_Copywriting_4_Magic_Words_to_Increase_Ecommerce_Sales.jpg 745w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/Marketing_Copywriting_4_Magic_Words_to_Increase_Ecommerce_Sales-300x125.jpg 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/p>\n<p>Psychologists have suggested that color impression can account for 60% of the acceptance or rejection of a project or service.<\/p>\n<p>Is this statement backed by data? You bet, it is.<\/p>\n<p>According to recent <a href=\"https:\/\/blog.kissmetrics.com\/how-colors-affect-conversions\/?wide=1\" target=\"_blank\" rel=\"noopener\">research<\/a>, 92.6% of people say that visual dimension is the top influencing factor affecting a purchase decision. By harnessing the power of color, your business has the potential to be even more successful, particularly in regards to conversion optimization.<\/p>\n<p>Let&#8217;s examine how colors can play into building more effective landing pages:<\/p>\n<h2>Designing for Gender<\/h2>\n<p>Depending on your industry, gender preferences may play heavily into purchase decisions so it pays to do your research on which colors can persuade someone to stay on a page and take action.<\/p>\n<p><strong>For<\/strong> <b>women<\/b>, according to <a href=\"https:\/\/www.sherwin-williams.com\/home-builders\/color\/education\/sw-article-pro-theroleofgender.html\" target=\"_blank\" rel=\"noopener\">this research<\/a>, colors that appeal to them most include blue, purple and green while orange, brown, and gray are least appealing.<\/p>\n<p>Marie Forleo&#8217;s B-School was all about women, and when it was launched, it became a huge hit instantly. But a lot more goes into a successful launch than knowing who you&#8217;re targeting. From landing pages to email templates everything was branded perfectly\u2014that attracted the right buyer for her.<\/p>\n<p><img decoding=\"async\" width=\"1000\" height=\"478\" class=\"size-full wp-image-13228 aligncenter\" alt=\"Marie Forleo Women focused Landing page\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/Marie-Forleo.jpg\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/Marie-Forleo.jpg 1000w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/Marie-Forleo-300x143.jpg 300w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><strong>For men<\/strong>, blue, green, and black are often well-loved and brown, orange, and purple are least-loved. Keeping this in mind, consider your color choices when crafting your call to actions, buttons, or landing page design in general.<\/p>\n<p>Let&#8217;s take a look at the landing page of a male-focused startup that really got our attention in last two years, thanks to their viral video.<\/p>\n<p>Other than having a strong call to action, the landing page \u00a0gives a real masculine feel with the brown wood background and orange elements.<\/p>\n<p style=\"text-align: center;\">\u00a0<a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/Dollar-Shave-Club.jpg\"><img decoding=\"async\" width=\"950\" height=\"663\" class=\"alignnone size-full wp-image-13229\" alt=\"Dollar Shave Club Men Focused Landing Page\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/Dollar-Shave-Club.jpg\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/Dollar-Shave-Club.jpg 950w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/Dollar-Shave-Club-300x209.jpg 300w\" sizes=\"(max-width: 950px) 100vw, 950px\" \/><\/a><\/p>\n<h2>Designing for Age<\/h2>\n<p>When choosing colors for your landing page, don&#8217;t forget to take into account your demographic spread in terms of age. In an online research project conducted by Joe Hallock, color preferences based on age were documented and explored.<\/p>\n<p>In general, children or younger audiences tend to prefer warm and bright colors that are associated with positivity and high energy such as:<\/p>\n<ul>\n<li>Red<\/li>\n<li>Orange<\/li>\n<li>Pink<\/li>\n<li>Yellow<\/li>\n<\/ul>\n<p>However there are few colors that are often associated with sadness and negativity by children, these are:<\/p>\n<ul>\n<li>Brown<\/li>\n<li>Purple<\/li>\n<li>Blue<\/li>\n<\/ul>\n<p>As people age into adulthood, there&#8217;s shift in color preference towards cool shades, as evidenced by blue being widely regarded as the most popular favorite color by adults.<\/p>\n<p>Adults have also been found to associate more symbolism or emotion with certain colors, such as black being associated with mourning and red being associated with alarm, intensity, or passion.<\/p>\n<p>Which leads us into our next point: Perhaps one of the most powerful factors that plays into color choice in landing pages is that of color psychology and symbolism.<b><\/b><\/p>\n<h2>Designing for Emotion<\/h2>\n<p>Depending on your goal for your landing page, you may want to encourage a user to feel a specific emotion. This can be accomplished through a combination of smart design, well-written copy, well-chosen graphic elements, and of course, color.<\/p>\n<p><a href=\"https:\/\/99designs.com\/designer-blog\/2011\/09\/08\/how-color-impacts-emotions-and-behaviors\/\" target=\"_blank\" rel=\"noopener\">Research<\/a> tells us that these colors tend to be associated with these emotions:<\/p>\n<ul>\n<li><strong>Red:<\/strong>\u00a0This is a polarizing color that triggers opposing emotions of love and passion, as well as anger and danger. It&#8217;s known to increase heart rate and generate excitement. Plus, in some cases, it can boost appetite. <b><\/b><\/li>\n<li><strong>Orange:<\/strong><b>\u00a0O<\/b>ften associated with vitality and happiness, orange draws attention and expresses energy. It&#8217;s more inviting than red but is still attention grabbing. Many agree that it&#8217;s a great choice for a call to action. <b><\/b><\/li>\n<li><strong>Yellow:<\/strong> Associated with laughter, hope, and sunshine, yellow is about giving a gentle energy to a page, with a goal of making it feel cheerful and optimistic. However, yellow should be used in moderation, as it tends to irritate the eyes if over used. <b><\/b><\/li>\n<li><strong>Green:<\/strong><b> <\/b>Rebirth, life, health, wealth, and growth are connected to the color green. Naturally, green is a color found in many financial organization logos since it suggests growth, financial health, and possibility. <b><\/b><\/li>\n<li><strong>Blue:<\/strong> Known for being a very calming color, it&#8217;s also associated with trust and security (and can be found in many company logos as a result!). Blue actually encourages the body to create chemicals that soothe and calm, allowing the viewer to be more relaxed. Additionally, it&#8217;s regarded as a favorite color by most, so it&#8217;s often seen as very professional. <b><\/b><\/li>\n<li><strong>Purple:<\/strong><b> <\/b>This color is associated with creativity, nostalgia, royalty, and wealth. It can be soothing or intriguing, depending on which shade you choose. It&#8217;s often associated with luxury and romance.<\/li>\n<\/ul>\n<p>Gregory Ciotti has created one of the most comprehensive pieces you could read about the\u00a0<a href=\"https:\/\/www.helpscout.net\/blog\/psychology-of-color\/\" target=\"_blank\" rel=\"noopener\">psychology of color<\/a>\u00a0on the Help Scout blog.<\/p>\n<p>In his article he says:<\/p>\n<blockquote><p>&#8220;Additional research in studies on <a href=\"https:\/\/www.ncbi.nlm.nih.gov\/pubmed\/2235253\" target=\"_blank\" rel=\"noopener\">color perception<\/a> and <a href=\"https:\/\/www.jstor.org\/discover\/10.2307\/1417683?uid=3739696&amp;uid=2&amp;uid=4&amp;uid=3739256&amp;sid=21102462943711\" target=\"_blank\" rel=\"noopener\">color preferences<\/a> show that when it comes to <a href=\"https:\/\/en.wikipedia.org\/wiki\/Tints_and_shades\" target=\"_blank\" rel=\"noopener\">shades, tints and hues<\/a> men seem to prefer bold colors while women prefer softer colors. Also, men were more likely to select shades of colors as their favorites (colors with black added), whereas women were more receptive to tints of colors (colors with white added):<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/bright-vs-soft.png\"><img decoding=\"async\" width=\"354\" height=\"139\" class=\" wp-image-13230 aligncenter\" alt=\"Bright vs Soft Color Preference in Gender\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/bright-vs-soft.png\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/bright-vs-soft.png 354w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/bright-vs-soft-300x117.png 300w\" sizes=\"(max-width: 354px) 100vw, 354px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/shades-vs-tints.png\"><img decoding=\"async\" width=\"511\" height=\"97\" class=\"alignnone size-full wp-image-13231 aligncenter\" alt=\"Landing page Men Vs Women\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/shades-vs-tints.png\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/shades-vs-tints.png 511w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/shades-vs-tints-300x56.png 300w\" sizes=\"(max-width: 511px) 100vw, 511px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><em>Source: <\/em><a href=\"https:\/\/blog.kissmetrics.com\/gender-and-color\/\" target=\"_blank\" rel=\"noopener\"><i>KISSmetrics<\/i><\/a><\/p>\n<blockquote><p>The above infographic <a href=\"https:\/\/blog.kissmetrics.com\/gender-and-color\/\" target=\"_blank\" rel=\"noopener\">from KISSmetrics<\/a> showcases the disparity in men and women&#8217;s color preferences.&#8221;<\/p><\/blockquote>\n<p>Now that we have all this information and data you can start making landing pages with color that will resonate with your target audience to see which one <a href=\"https:\/\/www.crazyegg.com\/blog\/conversion-rate-optimization-case-studies\/\">converts best<\/a>. The work does not end by simply creating a landing page, more in-depth research can be conducted on your particular audience segment by doing A\/B testing.<\/p>\n<p>There are dozens of examples where a simple change in the color of a call-to-action button increased conversions, since other than copy, design and color play a huge role in the success or failure of any landing page.<\/p>\n<p>Some real-life case studies are referenced <a href=\"https:\/\/blog.kissmetrics.com\/how-colors-affect-conversions\/?wide=1\" target=\"_blank\" rel=\"noopener\">here<\/a>, but feel free to conduct one of your own. You may be surprised at changing the color of a call to action or a click to purchase button making all the difference in your conversion rate.<\/p>\n<p>Image Credits:\u00a0<a href=\"https:\/\/www.123rf.com\/photo_10416609_magician-extracting-colored-paint-from-his-cylinder-hat.html\" target=\"_blank\" rel=\"noopener\">Magician extracting colored paint<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We all know that colors play a large role in our marketing efforts, but have you ever taken a closer look at how color may&#8230;<\/p>\n","protected":false},"author":103,"featured_media":13236,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_lmt_disableupdate":"","_lmt_disable":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[9],"tags":[],"class_list":["post-13226","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use Colors for More Effective Landing Pages<\/title>\n<meta name=\"description\" content=\"Have you ever taken a closer look at how color affects your landing pages? Read on to learn how color influence buyers&#039; emotions and purchase decisions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Colors for More Effective Landing Pages\" \/>\n<meta property=\"og:description\" content=\"Have you ever taken a closer look at how color affects your landing pages? Read on to learn how color influence buyers&#039; emotions and purchase decisions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"The Daily Egg\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crazyegganalytics\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/askhafizmali\" \/>\n<meta property=\"article:published_time\" content=\"2014-01-08T14:30:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-10-20T03:23:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/color-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"537\" \/>\n\t<meta property=\"og:image:height\" content=\"341\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hafiz Muhammad Ali\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/askhafizali\" \/>\n<meta name=\"twitter:site\" content=\"@CrazyEgg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hafiz Muhammad Ali\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/\"},\"author\":{\"name\":\"Hafiz Muhammad Ali\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/c04580d148a9aae790092ed5d66fba44\"},\"headline\":\"How to Use Colors for More Effective Landing Pages\",\"datePublished\":\"2014-01-08T14:30:22+00:00\",\"dateModified\":\"2017-10-20T03:23:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/\"},\"wordCount\":1083,\"commentCount\":17,\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2013\\\/12\\\/color-2.jpg\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/\",\"name\":\"How to Use Colors for More Effective Landing Pages\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2013\\\/12\\\/color-2.jpg\",\"datePublished\":\"2014-01-08T14:30:22+00:00\",\"dateModified\":\"2017-10-20T03:23:39+00:00\",\"description\":\"Have you ever taken a closer look at how color affects your landing pages? Read on to learn how color influence buyers' emotions and purchase decisions.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2013\\\/12\\\/color-2.jpg\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2013\\\/12\\\/color-2.jpg\",\"width\":537,\"height\":341},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/colors-in-landing-pages\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/category\\\/web-design\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Use Colors for More Effective Landing Pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"name\":\"The Daily Egg\",\"description\":\"Conversion Rate Optimization Made Easy\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\",\"name\":\"Crazy Egg\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"width\":191,\"height\":100,\"caption\":\"Crazy Egg\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/crazyegganalytics\\\/\",\"https:\\\/\\\/x.com\\\/CrazyEgg\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/crazy-egg\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCJNe_xmPi07YezxaqfoRVqg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/c04580d148a9aae790092ed5d66fba44\",\"name\":\"Hafiz Muhammad Ali\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d0fbf5d688702e69747e14ca981a343c0795d517b84d3f08d600fbe39c8b5761?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d0fbf5d688702e69747e14ca981a343c0795d517b84d3f08d600fbe39c8b5761?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d0fbf5d688702e69747e14ca981a343c0795d517b84d3f08d600fbe39c8b5761?s=96&d=mm&r=g\",\"caption\":\"Hafiz Muhammad Ali\"},\"description\":\"Hafiz Muhammad Ali is the CEO of Omnicore - Digital Marketing Agency where he helps startups and small to medium sized businesses achieve higher ROI through actionable marketing strategies and conversion optimization. To get in touch, Follow him on Google+ and Twitter @AskHafizAli OR Connect at Linkedin: bit.ly\\\/HafizAli\",\"sameAs\":[\"https:\\\/\\\/www.hafizmuhammadali.com\",\"https:\\\/\\\/facebook.com\\\/askhafizmali\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/askhafizali\",\"https:\\\/\\\/pinterest.com\\\/omnicoreagency\",\"https:\\\/\\\/x.com\\\/https:\\\/\\\/twitter.com\\\/askhafizali\"],\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/author\\\/muhammad-ali\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Colors for More Effective Landing Pages","description":"Have you ever taken a closer look at how color affects your landing pages? Read on to learn how color influence buyers' emotions and purchase decisions.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Colors for More Effective Landing Pages","og_description":"Have you ever taken a closer look at how color affects your landing pages? Read on to learn how color influence buyers' emotions and purchase decisions.","og_url":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/","og_site_name":"The Daily Egg","article_publisher":"https:\/\/www.facebook.com\/crazyegganalytics\/","article_author":"https:\/\/facebook.com\/askhafizmali","article_published_time":"2014-01-08T14:30:22+00:00","article_modified_time":"2017-10-20T03:23:39+00:00","og_image":[{"width":537,"height":341,"url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/color-2.jpg","type":"image\/jpeg"}],"author":"Hafiz Muhammad Ali","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/askhafizali","twitter_site":"@CrazyEgg","twitter_misc":{"Written by":"Hafiz Muhammad Ali","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/#article","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/"},"author":{"name":"Hafiz Muhammad Ali","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/c04580d148a9aae790092ed5d66fba44"},"headline":"How to Use Colors for More Effective Landing Pages","datePublished":"2014-01-08T14:30:22+00:00","dateModified":"2017-10-20T03:23:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/"},"wordCount":1083,"commentCount":17,"publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/color-2.jpg","articleSection":["Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/","url":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/","name":"How to Use Colors for More Effective Landing Pages","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/color-2.jpg","datePublished":"2014-01-08T14:30:22+00:00","dateModified":"2017-10-20T03:23:39+00:00","description":"Have you ever taken a closer look at how color affects your landing pages? Read on to learn how color influence buyers' emotions and purchase decisions.","breadcrumb":{"@id":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/#primaryimage","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/color-2.jpg","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/12\/color-2.jpg","width":537,"height":341},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyegg.com\/blog\/colors-in-landing-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.crazyegg.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design","item":"https:\/\/www.crazyegg.com\/blog\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"How to Use Colors for More Effective Landing Pages"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyegg.com\/blog\/#website","url":"https:\/\/www.crazyegg.com\/blog\/","name":"The Daily Egg","description":"Conversion Rate Optimization Made Easy","publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyegg.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.crazyegg.com\/blog\/#organization","name":"Crazy Egg","url":"https:\/\/www.crazyegg.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","width":191,"height":100,"caption":"Crazy Egg"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/crazyegganalytics\/","https:\/\/x.com\/CrazyEgg","https:\/\/www.linkedin.com\/company\/crazy-egg\/","https:\/\/www.youtube.com\/channel\/UCJNe_xmPi07YezxaqfoRVqg"]},{"@type":"Person","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/c04580d148a9aae790092ed5d66fba44","name":"Hafiz Muhammad Ali","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d0fbf5d688702e69747e14ca981a343c0795d517b84d3f08d600fbe39c8b5761?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d0fbf5d688702e69747e14ca981a343c0795d517b84d3f08d600fbe39c8b5761?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d0fbf5d688702e69747e14ca981a343c0795d517b84d3f08d600fbe39c8b5761?s=96&d=mm&r=g","caption":"Hafiz Muhammad Ali"},"description":"Hafiz Muhammad Ali is the CEO of Omnicore - Digital Marketing Agency where he helps startups and small to medium sized businesses achieve higher ROI through actionable marketing strategies and conversion optimization. To get in touch, Follow him on Google+ and Twitter @AskHafizAli OR Connect at Linkedin: bit.ly\/HafizAli","sameAs":["https:\/\/www.hafizmuhammadali.com","https:\/\/facebook.com\/askhafizmali","https:\/\/www.linkedin.com\/in\/askhafizali","https:\/\/pinterest.com\/omnicoreagency","https:\/\/x.com\/https:\/\/twitter.com\/askhafizali"],"url":"https:\/\/www.crazyegg.com\/blog\/author\/muhammad-ali\/"}]}},"modified_by":null,"_links":{"self":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/13226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/comments?post=13226"}],"version-history":[{"count":0,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/13226\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media\/13236"}],"wp:attachment":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media?parent=13226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/categories?post=13226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/tags?post=13226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}