{"id":8739,"date":"2022-01-06T11:13:49","date_gmt":"2022-01-06T11:13:49","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=8739"},"modified":"2023-07-11T13:56:48","modified_gmt":"2023-07-11T12:56:48","slug":"design-considerations-for-hero-text","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/","title":{"rendered":"Design considerations for hero text"},"content":{"rendered":"<p>Choosing the right content above the fold can help your website stand out and grab attention. One effective option is the use of text above the fold as hero text, replacing hero imagery. But what are the design considerations for hero text? And what are the benefits? Well, 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\/earthy-colour-schemes-in-web-design\/\">web design<\/a> professionals. And we work with companies and clients around Manchester, and the surrounding region, including <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-wigan\/\">Wigan<\/a> and\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-southport\/\">Southport,<\/a> to provide stunning and effective web design solutions. As a result, we have produced this guide to everything you should know about using hero text effectively.<\/p>\n<h2>What are the important design considerations for hero text?<\/h2>\n<p>When using hero text above the fold in web design there are a number of things to consider. These include:<\/p>\n<ul>\n<li><em><strong>The style of the typography-<\/strong> <\/em>the typography style you choose will need to complement your company branding, while also being very practical and easy to read. There are a wide range of typography styles to choose from, including serif and sans serif fonts, stacked text, obscured text, and even calligraphy fonts. As a result you really need to focus on the message that your typography choice is sending.<\/li>\n<li><strong><em>The background design-<\/em><\/strong> behind the hero text is usually a background of full block colour, or something more interesting. However, it is essential that this background is carefully considered. From the colour of the background to the pattern or design. This is because the text needs to contrast enough with the background to be easy to read on all devices and screen sizes.<\/li>\n<li><em><strong>Responsive design<\/strong>&#8211;<\/em> whichever style of typography you choose, and however you use hero text, you should ensure that this is designed responsively, to be easy to read and see on devices of all screen sizes. This ensures a high quality user experience no matter which device was used to access the website.<\/li>\n<\/ul>\n<h3>What are the benefits of hero text?<\/h3>\n<p>There are a number of benefits and advantages to using hero text as the key above the fold design feature. These benefits include:<\/p>\n<ul>\n<li><em><strong>Being expressive-<\/strong><\/em> typography styles are a great way to express your brand identity and to express any message you might want your website users to take away from your website. The style, design and colour schemes can all combine to display exactly what you want.<\/li>\n<li><strong><em>Emphasising company branding-<\/em> <\/strong>your company branding is important for your long term success, especially online, so its important that you use design features to establish this branding. Text above the fold can help you achieve this, as soon as the website loads.<\/li>\n<li><strong><em>Grabbing attention-<\/em><\/strong> hero text, instead of hero imagery, can be a surprising and refreshing option for any website, and this change can help your website stand out from your competitors and really grab attention instantly. This can help keep your potential customers and clients focused on your website and in turn, can potentially increase sales and sign ups.<\/li>\n<\/ul>\n<p>For more information or professional web design support, get in touch with the team today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Choosing the right content above the fold can help your website stand out and grab attention. One effective option is the use of text above the fold as hero text, replacing hero imagery. But what are the design considerations for hero text? And what are the benefits? Well, here at Pumpkin Web Design Manchester, we [&#8230;]\n","protected":false},"author":2,"featured_media":3244,"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>Design considerations for hero text - 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\/design-considerations-for-hero-text\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design considerations for hero text - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Choosing the right content above the fold can help your website stand out and grab attention. One effective option is the use of text above the fold as hero text, replacing hero imagery. But what are the design considerations for hero text? And what are the benefits? Well, here at Pumpkin Web Design Manchester, we [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-06T11:13:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-11T12:56:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2020\/05\/laptop-1209008_1280.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\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\/design-considerations-for-hero-text\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/\",\"name\":\"Design considerations for hero text - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2022-01-06T11:13:49+00:00\",\"dateModified\":\"2023-07-11T12:56:48+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design considerations for hero text\"}]},{\"@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":"Design considerations for hero text - 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\/design-considerations-for-hero-text\/","og_locale":"en_GB","og_type":"article","og_title":"Design considerations for hero text - Pumpkin Web Design Manchester","og_description":"Choosing the right content above the fold can help your website stand out and grab attention. One effective option is the use of text above the fold as hero text, replacing hero imagery. But what are the design considerations for hero text? And what are the benefits? Well, here at Pumpkin Web Design Manchester, we [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2022-01-06T11:13:49+00:00","article_modified_time":"2023-07-11T12:56:48+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2020\/05\/laptop-1209008_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\/design-considerations-for-hero-text\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/","name":"Design considerations for hero text - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2022-01-06T11:13:49+00:00","dateModified":"2023-07-11T12:56:48+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-considerations-for-hero-text\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Design considerations for hero text"}]},{"@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\/8739"}],"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=8739"}],"version-history":[{"count":3,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/8739\/revisions"}],"predecessor-version":[{"id":11984,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/8739\/revisions\/11984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/3244"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=8739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=8739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=8739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}