{"id":7696,"date":"2019-09-06T08:05:03","date_gmt":"2019-09-06T08:05:03","guid":{"rendered":"https:\/\/yeeply.com\/en\/?p=7696"},"modified":"2023-12-11T10:46:52","modified_gmt":"2023-12-11T08:46:52","slug":"influence-colours-web-design","status":"publish","type":"post","link":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/","title":{"rendered":"The influence of colours in web design"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Even though we know a lot about <\/span><span style=\"font-weight: 400;\">creating a website<\/span><span style=\"font-weight: 400;\">, our knowledge about web design is often very limited. In this article, we will particularly focus on <\/span><b>colours in web design<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">In previous articles we were talking about topics such as<\/span><b> e-commerce, creating a good <\/b><b>corporate website<\/b><b> and helpful website development tools<\/b><span style=\"font-weight: 400;\">. <\/span><span style=\"font-weight: 400;\">In this post, we&#8217;ll explain<\/span><b> the importance of colours when creating a new website<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<div style=\"text-align: center;\">\n<style type=\"text\/css\"><!--br {mso-data-placement:same-cell;}--><\/style>\n<div class=\"bt-proyecto\"><a class=\"do-not-track\" href=\"https:\/\/yeeply.com\/en\/web-development\/?rel=EN-BT-proyecto-web#publish-project\" target=\"_blank\" rel=\"noopener\">WANT TO CREATE A WEBSITE? TELL US ABOUT YOUR PROJECT!<\/a><\/div>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">When talking about colours, it&#8217;s obvious to think of a rainbow. There are primary, secondary and tertiary colours; cold and warm tones&#8230; Their variations are countless.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">It\u2019s not possible to quantify the number of colours that exist and their many classifications. Although numerous studies were carried out that prove the <\/span><b>psychology of colours<\/b><span style=\"font-weight: 400;\"> and how to apply them depending on what goal to achieve.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Colours evoke feelings, ideas, thoughts. When creating a <\/span><span style=\"font-weight: 400;\">web design<\/span><span style=\"font-weight: 400;\">, the developer must be clear about the values that the company he is going to work for wants to transmit. <\/span><b>Corporate identity<\/b><span style=\"font-weight: 400;\"> is vital in business and colours play a determining role in it.<\/span><\/p>\n<figure id=\"attachment_7699\" aria-describedby=\"caption-attachment-7699\" style=\"width: 748px\" class=\"wp-caption alignnone\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-7699 size-full\" title=\"website layout\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/website_design_layout_influence_colours.jpg\" alt=\"website layout\" width=\"748\" height=\"499\" srcset=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/website_design_layout_influence_colours.jpg 748w, https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/website_design_layout_influence_colours-300x200.jpg 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><figcaption id=\"caption-attachment-7699\" class=\"wp-caption-text\">Sketches of website layout. Source: <a href=\"https:\/\/www.rawpixel.com\/image\/898847\/free-image-rawpixelcom\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" data-wpel-link=\"external\">Rawpixel<\/a><\/figcaption><\/figure>\n<h2 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">How do colours influence web design?<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">First, you have to find out what the psychology behind the colour is. There is a study that includes a detailed analysis of the <\/span><b>effect that colour has on human perception and behaviour. Besides influencing people&#8217;s feelings, colours are responsible for many of our actions<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Depending on the colour that we perceive on a web page, for example, we either continue to visit it or leave it quickly. It will serve as an impulse to buy a product or, on the other hand, to not pay attention to it.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">When <\/span><span style=\"font-weight: 400;\">creating a website<\/span><span style=\"font-weight: 400;\">, the developer should advise you on the associations that people make with each colour tone. The visual stimuli greatly affect our brain, and therefore, the use of the right colours for a website is essential.<\/span><\/p>\n<p style=\"text-align: justify;\"><b>Colour psychology can strengthen your business<\/b><span style=\"font-weight: 400;\">. E-commerce sales and visitor numbers will increase if you use the correct colours. Besides that, it can serve as a tool to attract customers and strengthen your brand identity.<\/span><\/p>\n<p style=\"text-align: center;\"><em>You might be interested | <a href=\"https:\/\/yeeply.com\/en\/blog\/growth-driven-design-methodology-website\/\" target=\"_blank\" rel=\"noopener noreferrer\">Growth Driven Design: the Approach to Get the Most Out of Your Website<\/a><\/em><\/p>\n<h2 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Web design in terms of colour psychology<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">If a developer knows what influence colours have on human actions, he can use this knowledge to encourage certain actions. Therefore, <\/span><b>in the following section, we will introduce you to different colours and their psychologies<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The psychology behind the colour blue<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Let&#8217;s start with blue, as this is the colour that determines <\/span><a href=\"https:\/\/yeeply.com\/en\/?rel=EN-LNK\"><span style=\"font-weight: 400;\">Yeeply<\/span><\/a><span style=\"font-weight: 400;\">&#8216;s corporate identity. Blue shades are associated with the following attributes: <\/span><b>quality, efficiency, reliability, strength, productivity, confidence, wisdom and security<\/b><span style=\"font-weight: 400;\">.\u00a0\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Blue is also perceived as a masculine colour. The best example of this is baby clothing. If the baby is a boy, clothing is given in blue, but if it is a girl, most of the clothing given is pink. Since blue is perceived as a cold colour, the user should not be overwhelmed with this colour. In the same way you shouldn\u2019t use too many strong colours.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Since blue tones are associated with reliability, they are used by many large companies in the health, technology, science and banking sectors.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The psychology behind the colour red<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">When you create a website and focus on web design, red will always come to your mind. It&#8217;s one of the shades we name first when we talk about colours.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Red is the colour of passion, for better or for worse. It conveys <\/span><b>happiness, closeness, strength, aggressiveness, life, emotions, movement and energy<\/b><span style=\"font-weight: 400;\">. Red is also associated with bad things like war, violence and danger, as well as all prohibitions.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The colour should be used to attract the attention of visitors to your site. You can <\/span><b>generate interest with red<\/b><span style=\"font-weight: 400;\">. We recommend using the colour tone for websites in sports, food, fashion, marketing or emergency services.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">As with blue, it should not be overused. It&#8217;s a warm colour and when there&#8217;s too much emotion, it can be a counterproductive effect. It is not recommended to use the colour for websites about environment or luxury.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The psychology behind the colour green<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Green is considered as the colour of hope. It conveys the impression of <\/span><b>calm, harmony, growth, fertility, money, health, peace, happiness or naturalness<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Some say that green is one of the best-processed colours in our eyes. It is a neutral tone, not cold like blue or warm like red. That&#8217;s why green tones communicate security, relaxation and peace.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Green is the best choice when we want a web design for science, tourism, medicine, sustainability or environment. Like red, it is not recommended to use when we want to sell luxury products. However, if your website talks about nature, your corporate colour must be green and its various shades.<\/span><\/p>\n<p style=\"text-align: center;\"><em>Related content | <a href=\"https:\/\/yeeply.com\/en\/blog\/growth-hacking-strategies-optimise-website-conversion\/\" target=\"_blank\" rel=\"noopener noreferrer\">Growth Hacking: Strategies to Optimise your Web Conversion<\/a><\/em><\/p>\n<figure id=\"attachment_7700\" aria-describedby=\"caption-attachment-7700\" style=\"width: 748px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-7700 size-full\" title=\"design and colours\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/importance_colours_web_layout.jpg\" alt=\"design and colours\" width=\"748\" height=\"499\" srcset=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/importance_colours_web_layout.jpg 748w, https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/importance_colours_web_layout-300x200.jpg 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><figcaption id=\"caption-attachment-7700\" class=\"wp-caption-text\">The design and psycology of the colours. Source: <a href=\"https:\/\/www.rawpixel.com\/image\/269119\/image-rawpixelcom\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" data-wpel-link=\"external\">Rawpixel<\/a><\/figcaption><\/figure>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The psychology behind the colour yellow<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Red, blue and yellow are primary colours. Yellow is the lightest colour of these three and associated with <\/span><b>joy, happiness, friendliness, optimism, creativity, wisdom, spontaneity and concentration<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">You should be careful when using yellow because not all meanings are positive. Yellow also stands for warnings, envy, jealousy, insecurity, cowardice and deceit.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">When designing a website, strong shades of yellow can be used to transmit happiness as mentioned above. Even softer tones of yellow can be used for smoother bliss.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Yellow is equated with research and understanding. But if we don&#8217;t use it wisely, it can be intrusive.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The psychology behind the colour pink<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Pink can be considered as a tone of red, but its associations are different. Pink is usually associated with femininity. It transmits <\/span><b>kindness, affection, love, protection, surrender, generosity, innocence, delicacy, creativity or sincerity<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Unlike red, pink cannot be associated with anything negative. We suggest to use it for websites that are dedicated to women, selling products for girls and teenagers, sweets or fashion.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The psychology behind the colour orange<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">If you want to convey fun and friends, you should use orange tones. They express <\/span><b>energy, life, ambition, heat, emotions and enthusiasm<\/b><span style=\"font-weight: 400;\">. Also warning or danger depending on the context.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Regarding e-commerce, orange is an often-used colour because it attracts the attention of potential customers. It\u2019s also a good alternative for websites in the automotive, technology, leisure and entertainment sectors. We don\u2019t recommend to overload your website with orange tones as this can be annoying, as with all colours mentioned.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The psychology behind the colour white<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">This is a colour that, when used on a website, communicates values such as <\/span><b>friendliness, purity and innocence, peace, modesty, cleanliness, goodness, honesty and security<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">White is associated with clearness and perfection. Thus, the colour is widely used in medicine, nursing, dentistry and all areas of health. White can also be used on websites about technology, science and fashion. It is often used for luxury brands and boutiques.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The colour should be combined with other colour tones, and the use of white does not cause problems. However, you should be careful not to use too much white as this could indicate numbness or emptiness and missing content.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">\u00a0The psychology behind the colour black<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Many theories say that black is not a colour. It\u2019s rather the case that black is the absence of colours. Either way, black is associated with <\/span><b>elegance, strength, precision, power, intelligence, stability, sensuality, youthfulness, authority and correctness<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Not everything it conveys is good because black can also be associated with darkness, death, evil, bad luck, mystery, filth, rebellion, prohibition etc.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Black can help in creating a modern and elegant website. It\u2019s widely used in marketing, fashion, luxury and cosmetics.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Be aware that you should be careful with its use. Because if there&#8217;s too much black on a website, it&#8217;s ominous or bad, scaring visitors and making them feel uncomfortable. It&#8217;s better to combine black with other colours and choose multiple shades.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The psychology behind the colour grey<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Grey is a neutral colour with great value if you know how to use it well. It is associated with: <\/span><b>professionalism, sophistication, luxury, balance or timelessness<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">In case you want to develop a website for luxury products, grey should be your main colour. Also for professional sites or websites that want to express calm and seriousness.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Sometimes the colour can be dull or boring. If we exaggerate it with grey, the website quickly becomes lacking in personality. Keep in mind that this colour does not attract attention.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">This list has shown you colours you should consider when designing your website. Of course, there are many more colours than we could analyse, but here we have listed the <\/span><b>most commonly used colours<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">If you still have questions about web design and the right colour for your website, you&#8217;ve come to the right place. At Yeeply we can help you out because we have <\/span><b>experts in web design<\/b><span style=\"font-weight: 400;\">. We are happy to plan your project with you!<\/span><\/p>\n<div style=\"text-align: center;\">\n<style type=\"text\/css\"><!--br {mso-data-placement:same-cell;}--><\/style>\n<p><a href=\"https:\/\/yeeply.com\/en\/web-development\/?rel=EN-BP-proyecto-web#publish-project\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/04\/EN-cta-blogpost-proyecto-web.jpg\" alt=\"Proyecto Web\" \/><\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Even though we know a lot about creating a website, our knowledge about web design is often very limited. In this article, we will particularly &#8230;<\/p>\n","protected":false},"author":2,"featured_media":7698,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[115],"tags":[],"class_list":["post-7696","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The massive Influence of Colours in Web Design<\/title>\n<meta name=\"description\" content=\"In this article, we explain you why it&#039;s important to think about the colours when designing a website. Find out more!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The massive Influence of Colours in Web Design\" \/>\n<meta property=\"og:description\" content=\"In this article, we explain you why it&#039;s important to think about the colours when designing a website. Find out more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Yeeply\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/YeeplyMobile\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-06T08:05:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-11T08:46:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"748\" \/>\n\t<meta property=\"og:image:height\" content=\"493\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yeeply\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:site\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yeeply\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/\"},\"author\":{\"name\":\"Yeeply\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\"},\"headline\":\"The influence of colours in web design\",\"datePublished\":\"2019-09-06T08:05:03+00:00\",\"dateModified\":\"2023-12-11T08:46:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/\"},\"wordCount\":1533,\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/web_design_influence_colors_palette.jpg\",\"articleSection\":[\"Web\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/\",\"name\":\"The massive Influence of Colours in Web Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/web_design_influence_colors_palette.jpg\",\"datePublished\":\"2019-09-06T08:05:03+00:00\",\"dateModified\":\"2023-12-11T08:46:52+00:00\",\"description\":\"In this article, we explain you why it's important to think about the colours when designing a website. Find out more!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/web_design_influence_colors_palette.jpg\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/web_design_influence_colors_palette.jpg\",\"width\":748,\"height\":493,\"caption\":\"web design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/influence-colours-web-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The influence of colours in web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\",\"name\":\"Yeeply\",\"description\":\"A platform for the development of digital projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yeeply.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\",\"name\":\"Yeeply\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"width\":360,\"height\":120,\"caption\":\"Yeeply\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/YeeplyMobile\\\/\",\"https:\\\/\\\/x.com\\\/Yeeply_EN\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/yeeply\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\",\"name\":\"Yeeply\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"caption\":\"Yeeply\"},\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/author\\\/yeeply\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The massive Influence of Colours in Web Design","description":"In this article, we explain you why it's important to think about the colours when designing a website. Find out more!","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:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/","og_locale":"en_US","og_type":"article","og_title":"The massive Influence of Colours in Web Design","og_description":"In this article, we explain you why it's important to think about the colours when designing a website. Find out more!","og_url":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/","og_site_name":"Yeeply","article_publisher":"https:\/\/www.facebook.com\/YeeplyMobile\/","article_published_time":"2019-09-06T08:05:03+00:00","article_modified_time":"2023-12-11T08:46:52+00:00","og_image":[{"width":748,"height":493,"url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg","type":"image\/jpeg"}],"author":"Yeeply","twitter_card":"summary_large_image","twitter_creator":"@Yeeply_EN","twitter_site":"@Yeeply_EN","twitter_misc":{"Written by":"Yeeply","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/#article","isPartOf":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/"},"author":{"name":"Yeeply","@id":"https:\/\/yeeply.com\/en\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14"},"headline":"The influence of colours in web design","datePublished":"2019-09-06T08:05:03+00:00","dateModified":"2023-12-11T08:46:52+00:00","mainEntityOfPage":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/"},"wordCount":1533,"publisher":{"@id":"https:\/\/yeeply.com\/en\/#organization"},"image":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg","articleSection":["Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/","url":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/","name":"The massive Influence of Colours in Web Design","isPartOf":{"@id":"https:\/\/yeeply.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/#primaryimage"},"image":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg","datePublished":"2019-09-06T08:05:03+00:00","dateModified":"2023-12-11T08:46:52+00:00","description":"In this article, we explain you why it's important to think about the colours when designing a website. Find out more!","breadcrumb":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/#primaryimage","url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg","contentUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg","width":748,"height":493,"caption":"web design"},{"@type":"BreadcrumbList","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/influence-colours-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yeeply.com\/en\/"},{"@type":"ListItem","position":2,"name":"The influence of colours in web design"}]},{"@type":"WebSite","@id":"https:\/\/yeeply.com\/en\/#website","url":"https:\/\/yeeply.com\/en\/","name":"Yeeply","description":"A platform for the development of digital projects","publisher":{"@id":"https:\/\/yeeply.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yeeply.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/yeeply.com\/en\/#organization","name":"Yeeply","url":"https:\/\/yeeply.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yeeply.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","contentUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","width":360,"height":120,"caption":"Yeeply"},"image":{"@id":"https:\/\/yeeply.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/YeeplyMobile\/","https:\/\/x.com\/Yeeply_EN","https:\/\/www.linkedin.com\/company\/yeeply"]},{"@type":"Person","@id":"https:\/\/yeeply.com\/en\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14","name":"Yeeply","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","caption":"Yeeply"},"url":"https:\/\/yeeply.com\/en\/author\/yeeply\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg",748,493,false],"thumbnail":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette-150x150.jpg",150,150,true],"medium":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette-300x198.jpg",300,198,true],"medium_large":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg",640,422,false],"large":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg",640,422,false],"1536x1536":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg",748,493,false],"2048x2048":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg",748,493,false],"gform-image-choice-sm":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg",300,198,false],"gform-image-choice-md":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg",400,264,false],"gform-image-choice-lg":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/09\/web_design_influence_colors_palette.jpg",600,395,false]},"uagb_author_info":{"display_name":"Yeeply","author_link":"https:\/\/yeeply.com\/en\/author\/yeeply\/"},"uagb_comment_info":0,"uagb_excerpt":"Even though we know a lot about creating a website, our knowledge about web design is often very limited. In this article, we will particularly ...","_links":{"self":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/7696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/comments?post=7696"}],"version-history":[{"count":1,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/7696\/revisions"}],"predecessor-version":[{"id":14612,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/7696\/revisions\/14612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/media\/7698"}],"wp:attachment":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/media?parent=7696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/categories?post=7696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/tags?post=7696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}