{"id":2708,"date":"2021-06-01T17:06:08","date_gmt":"2021-06-01T16:06:08","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=2708"},"modified":"2023-07-17T17:37:29","modified_gmt":"2023-07-17T16:37:29","slug":"using-multiple-colours-for-typography","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/","title":{"rendered":"Using more than one typography colour"},"content":{"rendered":"<p>Here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>, we are Manchester&#8217;s leading <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/black-and-white-textured-backgrounds-in-web-design\/\">web design<\/a> experts. We work with companies and businesses across Manchester, and the surrounding area, including <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-wigan\/\">Wigan<\/a> and <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-southport\/\">Southport<\/a>, to provide <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-layouts-for-responsive-web-design\/\">web design<\/a> solutions that can help businesses grow. As a result, we have produced this guide to everything you should consider when using more than one colour for your website typography.<\/p>\n<h2>What are the important considerations when using multiple colours for website typography?<\/h2>\n<p>So, should you stick with just one typography colour? Or opt for a mixed approach using two typography colours? Well, mixing typography colours can work very effectively, but there are some serious considerations to think about. These include:<\/p>\n<ul>\n<li><em><strong>The contrast with the background-<\/strong><\/em> using one typography colour for your heading makes it easy to secure a visual contrast with the background image, colour or design. But using more than one colour can make this more difficult.<\/li>\n<li><em><strong>The readability of the typography-<\/strong><\/em> using two different typography colours for your heading or title can make the text more difficult to read because some of the letters can become less defined.<\/li>\n<li><em><strong>Branding-<\/strong> <\/em>the colours used in web design need to reflect company branding, and this includes the colours used for typography too. Using more than one colour for typography can make it more difficult to find a colour scheme that is relevant and supports your company branding.<\/li>\n<\/ul>\n<h3>Important tips for using more than one typography colour effectively<\/h3>\n<p>With all the considerations in mind, how can you use multiple typography colours for your heading typography effectively? Well, there are certain things you can do, including:<\/p>\n<ul>\n<li><em><strong>Using a colour gradient-<\/strong><\/em> using multiple shades of the same colour can be more effective than using two different colours. Especially if this creates a colour gradient, from the beginning of the word to the end. This can be useful for handwriting, unique and script fonts. Just make sure that you don&#8217;t go too light with the shades used in your colour gradient, as this can make it difficult to read.<\/li>\n<li><em><strong>Using black and white colours together-<\/strong> <\/em>black and white are two great giants of the design world. Combining these to fill outline text, or for block or bold fonts can be very useful. However, you will need to consider the background colour and design, to make sure that the text can still be read on all screen sizes and devices.<\/li>\n<li><em><strong>Dividing headers from body text-<\/strong><\/em> using a different colour of typography for the header text or for subtitles can be an effective way to combine typography colours on the screen, without overwhelming the design or creating visual issues.<\/li>\n<\/ul>\n<p>For more information or advice, or for high quality, professional web design solutions, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design experts. We work with companies and businesses across Manchester, and the surrounding area, including Wigan and Southport, to provide web design solutions that can help businesses grow. As a result, we have produced this guide to everything you should consider when using more [&#8230;]\n","protected":false},"author":2,"featured_media":455,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Using more than one typography colour - Pumpkin Web Design Manchester<\/title>\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.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using more than one typography colour - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design experts. We work with companies and businesses across Manchester, and the surrounding area, including Wigan and Southport, to provide web design solutions that can help businesses grow. As a result, we have produced this guide to everything you should consider when using more [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-01T16:06:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-17T16:37:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/05\/Colour-schemes-and-website-design-340x340.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"340\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/\",\"name\":\"Using more than one typography colour - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2021-06-01T16:06:08+00:00\",\"dateModified\":\"2023-07-17T16:37:29+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using more than one typography colour\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using more than one typography colour - Pumpkin Web Design Manchester","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.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/","og_locale":"en_GB","og_type":"article","og_title":"Using more than one typography colour - Pumpkin Web Design Manchester","og_description":"Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design experts. We work with companies and businesses across Manchester, and the surrounding area, including Wigan and Southport, to provide web design solutions that can help businesses grow. As a result, we have produced this guide to everything you should consider when using more [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2021-06-01T16:06:08+00:00","article_modified_time":"2023-07-17T16:37:29+00:00","og_image":[{"width":340,"height":340,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/05\/Colour-schemes-and-website-design-340x340.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/","name":"Using more than one typography colour - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2021-06-01T16:06:08+00:00","dateModified":"2023-07-17T16:37:29+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-multiple-colours-for-typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Using more than one typography colour"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/2708"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=2708"}],"version-history":[{"count":4,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/2708\/revisions"}],"predecessor-version":[{"id":12198,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/2708\/revisions\/12198"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/455"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=2708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=2708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=2708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}