{"componentChunkName":"component---src-templates-blogpost-js","path":"/blog/typography-forms/","result":{"data":{"wordpressPost":{"title":"Popular Forms of Typography that Add Sheen to Design","date":"2019-11-13T11:00:13.000Z","content":"\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img class=\"wp-image-3569\" src=\"https://api.zestard.com/wp-content/uploads/2019/10/Typography.jpg\" alt=\"\" srcset=\"https://phptasks.com/zestard-mmm/wp-content/uploads/2019/10/Typography.jpg 750w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/10/Typography-300x128.jpg 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" /></figure>\n</div>\n\n\n\n<p>A great design can speak volumes. It is essential to establish a connection between your website and your audience.</p>\n\n\n\n<p>This is achievable through text or web design context. <a href=\"https://practicaltypography.com/what-is-typography.html\" target=\"_blank\" rel=\"noopener noreferrer\">Typography</a> or fonts play a requisite role as a major communication factor.</p>\n\n\n\n<h2><span style=\"color: #333333;\"><strong>Going Beyond with Typography:</strong></span></h2>\n\n\n\n<p>With 2019, typography has become a trend with the evolution of new designs. Various web designers experiment with typography and go beyond the limits of typography.</p>\n\n\n\n<p>Experimentation with typography on websites has become easier compared to the coding part.</p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\">\n<figure><img class=\"wp-image-2371\" src=\"https://api.zestard.com/wp-content/uploads/2019/08/image5-2-1024x767.jpg\" alt=\"\" width=\"750\" height=\"auto\" srcset=\"https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image5-2-1024x767.jpg 1024w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image5-2-300x225.jpg 300w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image5-2-768x576.jpg 768w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image5-2-1536x1151.jpg 1536w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image5-2.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" /></figure>\n</figure>\n</div>\n\n\n\n<p class=\"has-text-align-center\"> </p>\n\n\n\n<p>Typography includes shaping or aligning letters or fonts. It also involves cutting out or removing some parts of words or letters. Animated typography and other types make your website look dramatic.</p>\n\n\n\n<p>Here we have mentioned some of the popular typography trends that can you can choose while designing a website:</p>\n\n\n\n<h3><span style=\"color: #333333;\"><b>1. Bold Typography:</b></span></h3>\n\n\n\n<p><a href=\"https://www.motocms.com/blog/en/bold-typography/\" target=\"_blank\" rel=\"noopener noreferrer\">Bold Typography</a> has been ruling the list of design trends since 1439. This strong and bold type emphasizes to create a bigger impact. You can create a package with a blend of lowercase and uppercase letters.</p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\">\n<figure><img class=\"wp-image-2372\" src=\"https://api.zestard.com/wp-content/uploads/2019/08/image2-2-1024x714.jpg\" alt=\"\" width=\"750\" height=\"auto\" srcset=\"https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image2-2-1024x714.jpg 1024w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image2-2-300x209.jpg 300w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image2-2-768x536.jpg 768w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image2-2.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" /></figure>\n</figure>\n</div>\n\n\n\n<p class=\"has-text-align-center\"> </p>\n\n\n\n<p>With Typography becoming more and more powerful, you should not be surprised to see it replacing images in the near future.</p>\n\n\n\n<h3><span style=\"color: #333333;\"><b>2. Custom Made Fonts:</b></span></h3>\n\n\n\n<p>Most of the big brands follow their own personal font. Tech giants like Apple and Google have their own custom made fonts. This creates a uniqueness in the web designs.</p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\">\n<figure><img class=\"wp-image-2373\" src=\"https://api.zestard.com/wp-content/uploads/2019/08/image6-1024x695.jpg\" alt=\"\" width=\"750\" height=\"auto\" srcset=\"https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image6-1024x695.jpg 1024w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image6-300x204.jpg 300w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image6-768x521.jpg 768w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image6.jpg 1473w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" /></figure>\n</figure>\n</div>\n\n\n\n<p class=\"has-text-align-center\"> </p>\n\n\n\n<h3><span style=\"color: #333333;\"><b>3. Screen-Dominating Text:</b></span></h3>\n\n\n\n<p>Content writers and specialists encourage the designers not to devalue content in the designing process. After all, the content has the power to attract customers to your website or brand.</p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\">\n<figure><img class=\"wp-image-2387\" src=\"https://api.zestard.com/wp-content/uploads/2019/08/image7-1-1024x566.png\" alt=\"\" width=\"750\" height=\"auto\" srcset=\"https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image7-1-1024x566.png 1024w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image7-1-300x166.png 300w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image7-1-768x425.png 768w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image7-1-1536x849.png 1536w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image7-1.png 1999w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" /></figure>\n</figure>\n</div>\n\n\n\n<p class=\"has-text-align-center\"> </p>\n\n\n\n<p>Since the past few years, letterforms have become the designer’s favorite. With such trends, we see websites that truly encourage and treat textual content as a center stage.</p>\n\n\n\n<h3><span style=\"color: #333333;\"><b>4. Outlined Type:</b></span></h3>\n\n\n\n<p>In the world of sans serifs, the outlined type gives a half outdated or a mediocre touch. For a memorable branding, letterforms can be your natural conclusion.</p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\">\n<figure><img class=\"wp-image-2388\" src=\"https://api.zestard.com/wp-content/uploads/2019/08/image1-1-1024x682.jpg\" alt=\"\" width=\"750\" height=\"auto\" srcset=\"https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image1-1-1024x682.jpg 1024w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image1-1-300x200.jpg 300w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image1-1-768x511.jpg 768w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image1-1-600x400.jpg 600w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image1-1.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" /></figure>\n</figure>\n</div>\n\n\n\n<p class=\"has-text-align-center\"> </p>\n\n\n\n<p>Letterforms are visually lighter and have a traditional feel that is quite different. Thus, new brands should understand the value of such outlined types to stand out in the intriguing world of web designs.</p>\n\n\n\n<p>Embark on a journey of trust and be the part of the revolution with the outlined types.</p>\n\n\n\n<h3><span style=\"color: #333333;\"><b>5. Variable Fonts:</b></span></h3>\n\n\n\n<p>Fonts define your website’s gravity towards its users and visitors. Designers and web site creators experiment with an array of fonts with every new design.</p>\n\n\n\n<p>These fonts provide flexibility to web designs due to their responsive features.</p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\">\n<figure><img class=\"wp-image-2389\" src=\"https://api.zestard.com/wp-content/uploads/2019/08/image4-1-1024x449.png\" alt=\"\" width=\"750\" height=\"auto\" srcset=\"https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image4-1-1024x449.png 1024w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image4-1-300x132.png 300w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image4-1-768x337.png 768w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image4-1-1536x673.png 1536w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image4-1.png 1934w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" /></figure>\n</figure>\n</div>\n\n\n\n<p class=\"has-text-align-center\"> </p>\n\n\n\n<p>The OpenType <a href=\"https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts/\" target=\"_blank\" rel=\"noopener noreferrer\">variable fonts</a> have become mainstream this year. Experimenting with these can be a daunting task.</p>\n\n\n\n<p>However, they look great on all screen sizes and resolutions as they contribute towards the responsiveness of the design.</p>\n\n\n\n<p>Here are the primary variable fonts, web designers should try:</p>\n\n\n\n<ul>\n<li><span style=\"color: #333333;\">Dunkel Sans</span></li>\n<li><span style=\"color: #333333;\">Silkscreen</span></li>\n<li><span style=\"color: #333333;\">Roslindale Variable</span></li>\n</ul>\n\n\n\n<h3><span style=\"color: #333333;\"><b>6. Vintage Typography/More Serifs:</b></span></h3>\n\n\n\n<p>Design trends continue changing every year. Web designs have shifted towards vintage typography styles.</p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\">\n<figure><img class=\"wp-image-2390\" src=\"https://api.zestard.com/wp-content/uploads/2019/08/image3-2-1024x698.jpg\" alt=\"\" width=\"750\" height=\"auto\" srcset=\"https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image3-2-1024x698.jpg 1024w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image3-2-300x205.jpg 300w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image3-2-768x524.jpg 768w, https://phptasks.com/zestard-mmm/wp-content/uploads/2019/08/image3-2.jpg 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" /></figure>\n</figure>\n</div>\n\n\n\n<p class=\"has-text-align-center\"> </p>\n\n\n\n<p>These styles vary from the traditional and popular sans serifs. They are thicker and bolder lines in comparison to the normal serifs.</p>\n\n\n\n<p>The most captivating thing about the vintage typography is their responsiveness. They are responsive across all screen resolutions and devices.</p>\n<p style=\"text-align: center;\"><a href=\"https://www.zestard.com/blog/web-design-trends/\">Back to Amazing Web Design Trends [Hub Page]</a></p>\n","author":{"name":"Boni Satani","description":"Boni Satani is the head of marketing at Zestard Technologies Pvt. Ltd. With over 8+ years of experience in SEO, Boni has helped many national and international businesses increase their online visibility and reap high ROI. He frequently blogs for the <a href=\"https://www.searchenginejournal.com/author/boni-satani/\">Search Engine Journal</a> and <a href=\"https://yourstory.com/author/boni-1562914504\">YourStory</a>. You can find Boni on <a href=\"https://twitter.com/BoniSatani\">Twitter</a> and <a href=\"https://in.linkedin.com/in/bonirulzz\">Linkedin</a>.","avatar_urls":{"wordpress_24":"http://1.gravatar.com/avatar/191b839a9cce678581f2e2885078daf2?s=24&d=mm&r=g"}},"categories":[{"slug":"website-design"}]},"allWordpressPost":{"edges":[{"node":{"id":"86b449a8-3179-59e5-ba2b-56bc0520d43c","title":"9 Web Design Mistakes That Result in Low Conversion Rates","wordpress_id":6053,"date":"10/15/2020","slug":"web-design-mistakes","excerpt":"<p>&nbsp; 50 milliseconds: That&#8217;s all it takes for visitors to form an opinion about your website if this study is to be believed. In other words, a poor and ill-conceived website design can cost you potential customers and lead to lower conversion rates. &nbsp; So, in this blog, we will look at the top web&hellip;</p>\n","link":"https://phptasks.com/zestard-mmm/blog/web-design-mistakes","featured_media":null}},{"node":{"id":"cea53636-ecbf-595f-812d-8b25e1f0a73f","title":"10 Amazing Web Design Trends","wordpress_id":2298,"date":"11/13/2019","slug":"web-design-trends","excerpt":"<p>Web designing is sure to take a leap in the world of user experience. This year will be about mobile and speed that deliver eye-catching designs, faster loading times, search engine rank, and more. Web designing trends involve great things from unique designs to responsiveness. Here are some amazing web design trends for the year&hellip;</p>\n","link":"https://phptasks.com/zestard-mmm/blog/web-design-trends","featured_media":{"source_url":"https://phptasks.com/zestard-mmm/wp-content/uploads/2019/09/amazing-trends.jpg"}}},{"node":{"id":"eedead9d-c983-5e86-a8e2-7fa0def3b9a6","title":"Fantastic and Creative Web Design Styles You Want to Know","wordpress_id":2427,"date":"11/13/2019","slug":"webdesign","excerpt":"<p>Website design is inclusive of information and website structure, coupled with the overall user interface, the actual navigation, layout, icons, colours, fonts, and imagery. Straight lines are now giving way to several fluid shapes, and the typical dimensions of the circle, square, or a regular shape are now being implemented organically. The organic shapes and&hellip;</p>\n","link":"https://phptasks.com/zestard-mmm/webdesign/","featured_media":{"source_url":"https://phptasks.com/zestard-mmm/wp-content/uploads/2019/10/design.jpg"}}}]}},"pageContext":{"id":"15b1f9de-e110-5fe9-8763-171256688dda","cat":"website-design"}},"staticQueryHashes":["3649515864","3848044578","4094835901","63159454"]}