{"id":3676,"date":"2020-09-28T11:18:37","date_gmt":"2020-09-28T10:18:37","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=3676"},"modified":"2023-07-27T14:55:14","modified_gmt":"2023-07-27T13:55:14","slug":"considerations-for-over-sized-typography-in-web-design","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/","title":{"rendered":"Considerations for over sized typography in web design"},"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\/using-an-image-carousel-in-web-design\/\">web design<\/a> experts. We provide, high quality, effective, <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/different-styles-of-illustration-for-web-design\/\">web design<\/a> solutions for local 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> As a result, we have produced this guide to the considerations for over sized typography in web design.<\/p>\n<h2>What is over sized typography in web design?<\/h2>\n<p>Over sized typography is text that is much larger than usual. This is generally reserved just for the heading or title text, and can help to capture the attention of your audience instantly, as soon as your website loads. But how can you make sure that this typography design works for your website?<\/p>\n<h3>What are the important considerations for over sized typography in web design?<\/h3>\n<p>There are a number of important considerations to take into account to ensure that your over-sized typography will achieve the overall desired visual effect. But your typography also needs to be incredibly practical, especially when it is larger than normal. So to be sure that your typography can be both visually effective and practical, you should consider a number of things. These include:<\/p>\n<ul>\n<li><strong><em>The font type-<\/em> <\/strong>over sized typography can suit your company website, as long as you consider the font type. Choosing an over sized script or handwriting font for example can have a stunning and attractive visual effect, but unless this goes with your company branding, it is probably not a good idea. As a result, you should be sure to choose a font type that is appropriate for the design of the rest of your website, as well as your company branding, and brand persona overall.<\/li>\n<li><strong><em>The background-<\/em><\/strong> generally speaking, over sized font is over laid over the top of a background. This is often a simple block of colour, or a patterned background. However, you could overlay this typography over the top of an image, if you choose the right design. The key here is to choose a background that is not too &#8220;busy&#8221;. This means no complex patterns or designs, as the text should be the main focus. You also need to consider the amount of contrast between the background and the over sized typography. Because the letters will be larger than usual, you can get away with less visual contrast, but for the best results, you should try to maintain a high level of contrast, as this will look more professional, and be easier to read.<\/li>\n<li><em><strong>Screen sizes-<\/strong> <\/em>you will need to test the size of your text on different screen sizes to ensure that wherever a potential customer or client accesses your website from, the text will be easy to read. Believe it or not, over sized typography can sometimes be more difficult to read on a small screen, because of issues with the responsive design. The text needs to scale down so that it fits in the smaller space, without breaking up individual words or dividing them.<\/li>\n<\/ul>\n<p>For more information or advice about above the fold content for your website, or any other professional web design and marketing information 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 provide, high quality, effective, web design solutions for local companies and businesses across Manchester, and the surrounding area, including Wigan and Southport. As a result, we have produced this guide to the considerations for over sized typography in web design. What [&#8230;]\n","protected":false},"author":2,"featured_media":2407,"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>Considerations for over sized typography in web design - 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\/considerations-for-over-sized-typography-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Considerations for over sized typography in web design - 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 provide, high quality, effective, web design solutions for local companies and businesses across Manchester, and the surrounding area, including Wigan and Southport. As a result, we have produced this guide to the considerations for over sized typography in web design. What [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-28T10:18:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T13:55:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/07\/open-70835_1280.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"853\" \/>\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\/considerations-for-over-sized-typography-in-web-design\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/\",\"name\":\"Considerations for over sized typography in web design - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2020-09-28T10:18:37+00:00\",\"dateModified\":\"2023-07-27T13:55:14+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Considerations for over sized typography in web design\"}]},{\"@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":"Considerations for over sized typography in web design - 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\/considerations-for-over-sized-typography-in-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"Considerations for over sized typography in web design - Pumpkin Web Design Manchester","og_description":"Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design experts. We provide, high quality, effective, web design solutions for local companies and businesses across Manchester, and the surrounding area, including Wigan and Southport. As a result, we have produced this guide to the considerations for over sized typography in web design. What [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2020-09-28T10:18:37+00:00","article_modified_time":"2023-07-27T13:55:14+00:00","og_image":[{"width":1280,"height":853,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/07\/open-70835_1280.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\/considerations-for-over-sized-typography-in-web-design\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/","name":"Considerations for over sized typography in web design - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2020-09-28T10:18:37+00:00","dateModified":"2023-07-27T13:55:14+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/considerations-for-over-sized-typography-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Considerations for over sized typography in web design"}]},{"@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\/3676"}],"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=3676"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3676\/revisions"}],"predecessor-version":[{"id":12392,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3676\/revisions\/12392"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/2407"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=3676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=3676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=3676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}