{"id":6055,"date":"2021-04-13T11:56:56","date_gmt":"2021-04-13T10:56:56","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=6055"},"modified":"2023-07-17T18:12:27","modified_gmt":"2023-07-17T17:12:27","slug":"using-slab-typography-in-web-design","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-typography-in-web-design\/","title":{"rendered":"Using slab 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\/features-of-minimalist-web-design-for-mobile-devices\/\">web design<\/a> experts, and we provide high quality, effective, <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/easy-ways-to-increase-user-interaction-on-your-website\/\">web design <\/a>solutions for a range of local companies and businesses across Manchester, and the surrounding area. This includes <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-blackburn\/\">Blackburn<\/a> and <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-stockport\/\">Stockport.<\/a> As a result, we have produced this guide to everything you should know about<span style=\"font-weight: 400;\"> slab typography.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">What is slab typography?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Slab typography is a font style that uses a strong width to create bold wide fonts that are well defined. These types of fonts are available in both serif slab typography, which will include small expanded lines at the edges of the letters, and sans serif typography which will not have these additional flourishes.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">What are the considerations for using slab typography in web design?<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Using slab fonts in web design cannot be a a great tool for many companies but there are a number of considerations to bear in mind including:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"><strong><em>The intended overall result-<\/em> <\/strong>slab typography is varied in its design, and this means that before choosing the perfect slab typography for your website, you will need to decide on what your intended visual result is. For example, serif web typography can be used to create a softer, soothing slab typography effect, while sans-serif slab typography is bolder and more clearly defined.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"><strong><em>Creating contrast-<\/em><\/strong> for modern websites and designs, slab typography is often used effectively when creating a typography style that really contrasts and stands out from the background. This can mean using a filled background colour, behind the typography, that contrasts with the typography colour itself. Or alternatively using texture or shape to create this contrast.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"><strong><em>Above the fold content &#8211; <\/em><\/strong>in web design, above the fold content is the content that can be seen as soon as a website loads, without the website user needing to scroll down the page. This content is some of the most important on your website because it needs to grab attention and interest immediately, to help keep your website users on your website. Slab typography can be perfect here, especially when it has the right amount of contrast. However, when using slab typography above the fold, there often is not room for other website elements. This means that you would have to refine your above the fold content, and that may not be possible for some company websites.<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">What are the benefits of slab typography?<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">There are a number of benefits to use in slab typography and these include:\u00a0<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"><strong><em>Defining company branding-<\/em><\/strong> this website font is bold, strong, and unmissable, and this can be a great tool for defining your company branding.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"><strong><em>Modern style-<\/em><\/strong> while slab typography has been popular for a number of years for both print and digital media, it&#8217;s current usage in web design is focused on modern minimalism, or semi brutalism, and this can be a great way to update your company website and keep it refreshed and modern.<\/span><\/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, and we provide high quality, effective, web design solutions for a range of local companies and businesses across Manchester, and the surrounding area. This includes Blackburn and Stockport. As a result, we have produced this guide to everything you should know about [&#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>Using slab 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\/using-slab-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=\"Using slab 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, and we provide high quality, effective, web design solutions for a range of local companies and businesses across Manchester, and the surrounding area. This includes Blackburn and Stockport. As a result, we have produced this guide to everything you should know about [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-typography-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-13T10:56:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-17T17:12:27+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\/using-slab-typography-in-web-design\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-typography-in-web-design\/\",\"name\":\"Using slab typography in web design - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2021-04-13T10:56:56+00:00\",\"dateModified\":\"2023-07-17T17:12:27+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-typography-in-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-typography-in-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-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\":\"Using slab 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":"Using slab 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\/using-slab-typography-in-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"Using slab 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, and we provide high quality, effective, web design solutions for a range of local companies and businesses across Manchester, and the surrounding area. This includes Blackburn and Stockport. As a result, we have produced this guide to everything you should know about [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-typography-in-web-design\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2021-04-13T10:56:56+00:00","article_modified_time":"2023-07-17T17:12:27+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\/using-slab-typography-in-web-design\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-typography-in-web-design\/","name":"Using slab typography in web design - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2021-04-13T10:56:56+00:00","dateModified":"2023-07-17T17:12:27+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-typography-in-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-typography-in-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-slab-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":"Using slab 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\/6055"}],"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=6055"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/6055\/revisions"}],"predecessor-version":[{"id":12246,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/6055\/revisions\/12246"}],"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=6055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=6055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=6055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}