{"id":31248,"date":"2021-10-29T15:00:35","date_gmt":"2021-10-29T13:00:35","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=31248"},"modified":"2021-10-28T23:56:51","modified_gmt":"2021-10-28T21:56:51","slug":"innovative-typography-hero-trends","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/innovative-typography-hero-trends\/","title":{"rendered":"15 Examples of Innovative Hero Typography Trends"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Hero sections are often the most important part of a website. And while there&#8217;s no doubt that it&#8217;s the graphical content of a hero section that usually catches our eye first, hero text is the element that actually gets the message across, hooks us and keeps us scrolling. It doesn\u2019t just matter <em>what<\/em> the text says, what\u2019s also important is <em>how<\/em> it says what it says &#8211; how it\u2019s presented and designed. When done right, typography powers the hero copy, makes the message more compelling and allows it to linger in the visitor\u2019s mind for longer.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]While there is no definitive recipe for designing the perfect hero text, one thing is certain: there have never been as many <strong>inspiring, creative, breathtaking examples of hero typography<\/strong> as there are these days. Dynamic and kinetic lettering, retro styles, oversized or disruptive text, retro-futurism and overall experimentation are just some of the trends we\u2019ve been witnessing lately, and with great delight too &#8211; some examples of hero text are so masterfully executed they almost make you forget about the rest of the page. So let\u2019s take a look at some of them:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#bloomers\">Bloomers<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#lunch-concept\">Lunch Concept<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#palazzo-monti\">Palazzo Monti<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#safari-riot\">Safari Riot<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#ekipa-agency\">Ekipa Agency<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#buck\">Buck<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#savio-parsons\">Savio Parsons<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#demo-festival\">DEMO Festival<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#schauspielhaus-zurich\">Schauspielhaus Z\u00fcrich<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#marx-design\">Marx Design<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#butt-studio\">Butt Studio<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#lamanna-bakery\">Lamanna Bakery<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#redo-bureau\">Redo Bureau<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#charlie-le-maignan\">Charlie Le Maignan<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#bon-ivers-visualizer\">Bon Iver\u2019s Visualizer<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"bloomers\"><\/a>Bloomers<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"547\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Bloomers.jpg\" class=\"attachment-full size-full\" alt=\"Bloomers\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Bloomers.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Bloomers-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Bloomers-768x434.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Bloomers-620x350.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/bloomers.com.br\/\" target=\"_blank\" rel=\"noopener\">Bloomers<\/a> is a Brazilian agency developing strategies for brands and businesses with a very distinct approach. Their method consists of detailed brand research with a particular focus on past events, looking for <strong>common threads that can create a unique and inspiring story.<\/strong> And this approach is clear right from the start, as the agency\u2019s homepage features <strong>some distinctly retro hero typography<\/strong>. A gorgeous full-width black and white photo of a 1980s beach scene is topped by large \u201860s-style typography in a funky purple hue. To add a touch of curiosity and humor to the section, the designers of the Bloomers website animated the two O\u2019s in the agency\u2019s logo, making them spin around like two strange eyes or some curious spinner from a county fair.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After this initial section, the agency delivers its main message in a similar vein &#8211; with large retro typography in a silvery grey hue. This color motif is sustained throughout the website, as is the vintage quality of typography and interface elements, which is in line with the agency\u2019s mission of reaching into the past to discover solutions for the future.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"lunch-concept\"><\/a>Lunch Concept<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"545\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Lunch-Concept.jpg\" class=\"attachment-full size-full\" alt=\"Lunch Concept\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Lunch-Concept.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Lunch-Concept-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Lunch-Concept-768x432.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Lunch-Concept-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Sometimes a hero section is so impressive and immersive it almost makes you forget what you came there for in the first place. <a href=\"https:\/\/lunchconcept.com\/\" target=\"_blank\" rel=\"noopener\">Lunch Concept<\/a>\u2019s website opens with a fullscreen video that you just want to keep watching ad infinitum &#8211; the costume, the set design, the animations, they are brimful of details you simply don\u2019t want to miss.This show-stopping video is topped by a similarly striking logo that looks like it\u2019s made of <strong>dark matte metal with a convincing 3D effect.<\/strong> The logo has <strong>a distinct tactile quality<\/strong> to it &#8211; it makes you want to examine its surface with your fingers, feel it on the other side to check if it\u2019s filled or hollow like a mould, to see how sharp its edges and corners are. Together with the background video, the typography rounds up the hero section and lends the entire website a sensual, electrifying vibe.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"palazzo-monti\"><\/a>Palazzo Monti<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Palazzo-Monti.jpg\" class=\"attachment-full size-full\" alt=\"Palazzo Monti\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Palazzo-Monti.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Palazzo-Monti-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Palazzo-Monti-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Palazzo-Monti-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The website of the Brescian cultural hub, gallery space, collection and artistic incubator, <a href=\"https:\/\/palazzomonti.org\/\" target=\"_blank\" rel=\"noopener\">Palazzo Monti<\/a>, is a beautiful example of typography taking center stage, at least in the hero section of the website. The website opens with a large numerical preloader positioned in the lower left corner of the screen and accompanied by a rotating circular logo of this cultural center. We are then welcomed to a horizontally oriented one-page website with the initial or hero section featuring short blocks of text and introducing the name of the center in enormous typography. The huge letters in the Aeonik typeface that spell out the name of the center are rhythmically interrupted by other content &#8211; informative sections with photographs, testimonials, galleries and everything else a website for an institution of this kind should contain. As we mentioned, the website moves horizontally, and these sections unfold in a fluid manner. The enormous typography doesn\u2019t hamper the design in any way &#8211; in fact, the large letters are arranged within the layout in a way that assures their perfect integration with the rest of the content.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"safari-riot\"><\/a>Safari Riot<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Safari-Riot.jpg\" class=\"attachment-full size-full\" alt=\"Safari Riot\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Safari-Riot.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Safari-Riot-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Safari-Riot-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Safari-Riot-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/safaririot.com\/\" target=\"_blank\" rel=\"noopener\">Safari Riot<\/a> is an LA-based company specializing in artist development. It provides a full stack of services, from investments and financing to technical and creative development. The company website is modern, monochromatic, and could even be considered somewhat strict if it weren\u2019t for the <strong>hero section featuring enormous typography<\/strong>. And, in fact, <strong>it\u2019s precisely the typography that lends most of the visual identity to the section<\/strong>, and consequently to the entire website. The giant Fit Variable typeface spells out the words \u201cArtists\u201d and \u201cDepts,\u201d serving as navigation to appropriate sections. Now, as for this specific font, it needs to be said that it is quite hard to read. On top of that, here it\u2019s also animated, which makes things even harder. This is not a design mistake, though &#8211; in fact, <a href=\"https:\/\/djr.com\/fit\/\" target=\"_blank\" rel=\"noopener\">according to the creator of the typeface<\/a>, David Jonathan Ross of the DJR foundry, it\u2019s not even meant to be used for content that requires high readability &#8211; its main purpose is \u201cfilling up space with maximum impact.\u201d And that\u2019s precisely what it does here. Sure, it requires some effort to penetrate the meaning of these gargantuan letters, but it\u2019s not impossible, and<strong> the effect is nothing short of powerful.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"ekipa-agency\"><\/a>Ekipa Agency<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"534\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Ekipa-Agency.jpg\" class=\"attachment-full size-full\" alt=\"Ekipa Agency\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Ekipa-Agency.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Ekipa-Agency-300x165.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Ekipa-Agency-768x423.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Ekipa-Agency-620x342.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/ekipa.agency\/\" target=\"_blank\" rel=\"noopener\">Ekipa Agency<\/a> is a booking agency specializing in electronic music. Proudly working with a small roster of international artists, the Berlin-based agency nurtures a close approach to the musicians it represents, working with them from the earliest stages of their careers and helping them shape their sound and artistic persona. It only makes sense for an agency with such a finely-tuned ethos to have a website that is just as carefully crafted.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Ekipa\u2019s website places particular focus on the typography, especially for the logo, placed in the hero section of the page. There is essentially no imagery here, just black text on a background that changes color each time the page is loaded. The designer took<strong> a deconstructivist approach, forming the logo from stick-like black rectangles<\/strong>, reflecting the agency\u2019s approach to artist management: talent is key. Without the artists, there is no Ekipa agency, just like there is no Ekipa logo without the individual rectangles forming it.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The homepage features a lot of delightful twists &#8211; links to inner pages, in Neuzeit typeface, are scattered all over the screen and are almost completely blacked out when hovered upon. <a href=\"https:\/\/qodeinteractive.com\/magazine\/examples-of-imaginative-mouse-cursor-design\/\">The cursor<\/a> is a playful black dot and the background changes color each time the page is reloaded. It\u2019s a masterfully crafted page that is<strong> equal parts fun, informative and brand-aligned.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-creative-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"buck\"><\/a>Buck<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Buck.jpg\" class=\"attachment-full size-full\" alt=\"Buck\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Buck.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Buck-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Buck-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Buck-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/buck.co\/\" target=\"_blank\" rel=\"noopener\">Buck<\/a> is a global creative company providing services in the fields of design, branding and art direction. The company has offices in Los Angeles, New York City, Sydney and Amsterdam and has over 100 employees and collaborators. Some of its more prominent projects include the Netflix anthology series <em>We the People<\/em>, projects for Nike, Spotify, Mailchimp, Coca-Cola, Hulu, and many more. Their website is a youthful, vibrant display of the company\u2019s most notable works, as well as its mission and philosophy. It opens with a bright, airy hero section featuring the Buck logo &#8211; a beautiful piece of design with a strong architectural character, in which <strong>each letter represents a unique approach to design<\/strong>. The letters, each bearing their individual approach, come together in a systematic design solution, which is the way the company approaches their projects &#8211; as <strong>a collective made up of different perspectives<\/strong>. The section also contains a menu below the logo, with links to the most important parts of the website, as well as a short text in the candid, and straightforward Mabry typeface informing the visitor about the company and its activities. It is a masterfully simple design that checks all the boxes.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"savio-parsons\"><\/a>Savio Parsons<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Savio-Parsons.jpg\" class=\"attachment-full size-full\" alt=\"Savio Parsons\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Savio-Parsons.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Savio-Parsons-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Savio-Parsons-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Savio-Parsons-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/savioparsons.com\/\" target=\"_blank\" rel=\"noopener\">Savio Parsons<\/a> is an architecture studio from Sydney, founded by Gemma Savio and Anthony Parsons. Their website doesn\u2019t reveal much, biographically speaking, which is probably very deliberate, as the website is designed to place a complete emphasis on the visual representation of the work, rather than on facts and information. In fact,<strong> the desktop version doesn\u2019t feature a single clickable element<\/strong>, and it appears to \u201ceat up\u201d your cursor. On mobile devices, though, it does follow classic navigational practices, but it doesn\u2019t feature the gorgeous hero section that can be seen on desktop.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The website opens with an elegant, smart section with the studio logo &#8211; stylized initials \u201cS\u201d and \u201cP,\u201d in sharp, geometric letters with<strong> strong architectural influence<\/strong>. They resemble floors of a long, wide building, and they smoothly slide into their place from the edges of the screen. <strong>The white on black palette conveys seriousness and simplicity<\/strong>, which we can assume is the studio\u2019s architectural disposition as well. As we proceed further down the page, the logo seems to follow us, taking up different positions. Since the page with images of featured works is rather long, the logo accompanying the scrolling is a strong branding element that assures the authorship of the displayed work remains clear.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"demo-festival\"><\/a>DEMO Festival<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/DEMO-Festival.jpg\" class=\"attachment-full size-full\" alt=\"DEMO Festival\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/DEMO-Festival.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/DEMO-Festival-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/DEMO-Festival-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/DEMO-Festival-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Born from a great love for motion visuals, animation and design, <a href=\"https:\/\/demofestival.com\/\" target=\"_blank\" rel=\"noopener\">Design in Motion (DEMO) Festival<\/a> is a traveling showcase that celebrates and promotes the best motion work from studios, designers and academies from all across the world. The festival website is, quite expectedly, all about motion. As such, it contains lots of videos and rich animated sections, but they\u2019re all carefully balanced with more \u201cplain\u201d sections providing information and toning the tempo down a bit. <strong>It opens with a big, poster-like hero section with a huge black logo on a red background,<\/strong> combined with light grey for the menu, homepage link and a link to the festival aftermovie. Even if it were static,<strong> the section would be nothing short of impressive<\/strong>, as it masterfully recreates the aesthetics of film posters from a certain era. In fact, it almost makes you want to print it out and put it on your wall. But, it\u2019s not static &#8211; <strong>the huge Graphik Wide letters are animated to change upon hover, becoming asymmetrically \u201cfat,\u201d elongated and shortened.<\/strong> There\u2019s an element of fun in that, and the animation is also in line with the festival\u2019s main point of interest &#8211; motion.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"schauspielhaus-zurich\"><\/a>Schauspielhaus Z\u00fcrich<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"547\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Schauspielhaus-Zurich.jpg\" class=\"attachment-full size-full\" alt=\"Schauspielhaus Z\u00fcrich\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Schauspielhaus-Zurich.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Schauspielhaus-Zurich-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Schauspielhaus-Zurich-768x434.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Schauspielhaus-Zurich-620x350.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/2122.schauspielhaus.ch\/de\/\" target=\"_blank\" rel=\"noopener\">Schauspielhaus<\/a> is a drama theatre located in Z\u00fcrich that is considered to be one of the most important playhouses in the German-speaking world. Founded in 1892, the theatre today takes a modern approach to classic repertoires, but frequently features contemporary playwrights as well. One of the testimonies to this approach is the homepage for the new 2021\/22 theatrical season, particularly the hero section.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The page opens with a squiggly outline of the numbers \u201c2021\/22\u201d marking the new season, giving the hero section <strong>a comic book-quality and landing a touch of humor to the overall mood<\/strong>. The text welcoming the audience to the new season is given in a simple black-on-white Magister typeface, resembling a newspaper announcement. As we scroll down the page, more black and white outlines introduce the programme and the plays, and that\u2019s when we notice that some of the elements start filling with color upon hover. Finally, on the scroll up, the entire page suddenly assumes full color, and it does so quite gloriously. There are clouds and doves, explosions and thunderbolts, and as we scroll back up to the hero section, we find <strong>the outlined \u201c2021\/22\u201d now written out in smoke in the sky.<\/strong> The entire section inspires hope and enthusiasm and makes a fitting introduction to the renowned theatre\u2019s new season.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"marx-design\"><\/a>Marx Design<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"547\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Marx-Design.jpg\" class=\"attachment-full size-full\" alt=\"Marx Design\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Marx-Design.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Marx-Design-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Marx-Design-768x434.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Marx-Design-620x350.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/marxdesign.co.nz\/\" target=\"_blank\" rel=\"noopener\">Marx Design<\/a> is an agency working with all elements of brand identity and communication, design and packaging. The agency\u2019s philosophy is that the best design comes from following the hard path, never settling for the status quo, always challenging the norms and asking the hard questions. This uncompromising attitude is reflected in the agency\u2019s website, especially the homepage that basically bursts onto the screen in a bright flash of light after a dark and somewhat tense fullscreen preloader. Hero content here is basically a huge agency logo in black sans serif typography featuring the name of the agency (and its founder). Instead of assuming the central position in the section, the logo is aligned slightly to the left, while the menu opener is tucked away in the top right corner of the page. So far, nothing revolutionary here, but the real action starts when you move the cursor anywhere within the hero section &#8211;<strong> the motion causes the logo to shift and bend, as if it\u2019s dragging it or disturbing some viscous surface upon which the letters lie<\/strong>. The effect is somewhat unnerving but definitely striking. It\u2019s a jolt that wakes the visitor up and invites him to dig deeper and discover more about the agency and its work.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"butt-studio\"><\/a>Butt Studio<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Butt-Studio.jpg\" class=\"attachment-full size-full\" alt=\"Butt Studio\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Butt-Studio.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Butt-Studio-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Butt-Studio-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Butt-Studio-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Despite its humorous name, <a href=\"http:\/\/butt-studio.com\/\" target=\"_blank\" rel=\"noopener\">Butt Studio<\/a> has some pretty impressive clients under its belt, from brands like Nike, MTV and Warner Music to artists of such prominence as Tame Impala, Dua Lipa and Planningtorock. The studio founder Harry Butt is a graphic designer by vocation, but his passion for animation and innovative digital tools has led him to some rather mind-bending projects, many of which can be found on the studio website.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The website opens with the name of the studio in large Sometimes Times typeface, nice and elegant, with a lot of breathing air. This simple hero text is topped by pieces of digital art that change each time the page is loaded &#8211; unidentifiable, slightly unsettling objects covered in hair, grass or thorns, slippery or gummy shapes sprawling across the section. What appears to be a CTA button inviting the visitor to learn more about the studio is actually not a button at all &#8211; it evades being clicked by changing position every time the cursor comes near it. Playing on the duality of conventional, formal aesthetics and weird digital art, this is a playful, humorous and auto-ironic piece of design that speaks volumes about the studio\u2019s approach to creativity.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"lamanna-bakery\"><\/a>Lamanna Bakery<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Lamanna-Bakery.jpg\" class=\"attachment-full size-full\" alt=\"Lamanna Bakery\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Lamanna-Bakery.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Lamanna-Bakery-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Lamanna-Bakery-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Lamanna-Bakery-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.lamannabakery.com\/\" target=\"_blank\" rel=\"noopener\">Lamanna<\/a> is an Italian bakery and pizza place in Toronto, founded by second-generation immigrants from Puglia and Sicily. The bakery is rather famous throughout the city thanks to some rather decadent menu items &#8211; the Big Slice Pizza, which is, indeed, outrageously big, birthday cake pizzas, strawberry shortcake-filled donuts and such. <strong>The over-the-top character of the menu is perfectly reflected in the bakery\u2019s website.<\/strong> The homepage opens with a huge, flashy hero section in red and yellow with enormous typography, accentuating the word \u201cBIG,\u201d followed by photo of a juicy, mouth-watering slice of pepperoni pizza, a sun-shaped \u201cOrder Now\u201d button and icons representing pizza, cannoli and, to top it all off, the Italian hand gesture. The designer opted for the <strong>Right Grotesk\u2019s boldest, loudest style, paired with Ohno Blazeface and Nimbus Sans.<\/strong> The choice of the typefaces and their color give the page a flashy, fun, exaggerated character, just like the items the bakery offers to its devoted customers. The website is pure delight, leaving the viewer craving for some carby guilty pleasures.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"redo-bureau\"><\/a>Redo Bureau<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Redo-Bureau-1.jpg\" class=\"attachment-full size-full\" alt=\"Redo Bureau\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Redo-Bureau-1.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Redo-Bureau-1-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Redo-Bureau-1-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Redo-Bureau-1-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The website of <a href=\"https:\/\/redobureau.com\/\" target=\"_blank\" rel=\"noopener\">Redo Bureau<\/a>, a Russian full-service design studio specializing in development, art direction and visual identities, <strong>is all about neons and metallics<\/strong>, dominated by the large logo appearing to be made of liquid metal. The logo, which is a contemporary nod to 1980\u2019s design trends, can be moved around and rotated by moving the mouse around the page, by almost 180 degrees both on the vertical and on the horizontal axis. Such an elaborate section is the perfect (if not exactly modest) exhibition of the studio\u2019s skill and talent in terms of both design and web development, so it makes sense it basically takes up the entire page. And to keep the page functional and to observe the best UX practices, the section is topped with menu links leading to inner pages, as well as a very brief blurb about the studio itself in the bottom part of the section. These elements are quite discrete, <strong>allowing the centerpiece of the section &#8211; the floating logo &#8211; to capture the full attention of the visitor<\/strong>. In fact, don\u2019t be surprised if you catch yourself just moving your cursor idly around the screen, daydreaming about all the lost futures of your youth.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"charlie-le-maignan\"><\/a>Charlie Le Maignan<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Charlie-Le-Maignan.jpg\" class=\"attachment-full size-full\" alt=\"Charlie Le Maignan\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Charlie-Le-Maignan.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Charlie-Le-Maignan-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Charlie-Le-Maignan-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Charlie-Le-Maignan-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]When you are an interactive designer, you simply cannot afford to have a website that\u2019s anything short of spectacular in terms of dynamicity and animation. <a href=\"http:\/\/charlielemaignan.com\/\" target=\"_blank\" rel=\"noopener\">Charlie Le Maignan<\/a> understands this perfectly &#8211; specializing in typography and animation, his website is a <strong>celebration of the art of the typeface with all its complexities<\/strong>. Starting right from the hero section, everything on the page is in motion, every element is engaged in its own choreography, like a silent disco where each dancer swings to their own tune. Colors are bold and matched in a way that gives off a slight \u201870s feel. In the hero section, huge white-on-black letters spell out the name of the designer, flowing from left to right and changing from quite plump (one might even say &#8211; fat) to slim, and back. This uninterrupted wavy motion lends the typography a marked sense of fluidity, while the monochromatic contrast serves great to introduce the website\u2019s bold mood.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"bon-ivers-visualizer\"><\/a>Bon Iver\u2019s Visualizer<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Bon-Ivers-Viisualiizer.jpg\" class=\"attachment-full size-full\" alt=\"Bon Iver\u2019s Viisualiizer\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Bon-Ivers-Viisualiizer.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Bon-Ivers-Viisualiizer-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Bon-Ivers-Viisualiizer-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/10\/Bon-Ivers-Viisualiizer-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In 2019, Bon Iver released<em> I, I<\/em> (stylized as<em> i, i<\/em>) as their fourth studio album. In addition to the physical release, the album was also released on all services including, most notably, Spotify. And this is precisely the part we\u2019re interested in here &#8211; to accompany the release of the album on the popular platform, the band launched <a href=\"https:\/\/boniver.withspotify.com\/\" target=\"_blank\" rel=\"noopener\">Viisualiizer<\/a> &#8211; <strong>a standalone platform, an immersive, almost hypnotic website that was created with the idea to augment the listening experience and to do so using &#8211; text.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The website is a complicated, highly innovative project. It mirrors the album streaming stats on Spotify, displaying the number of listeners at any given moment, with history and real-time data. Each streaming instance is represented with a letter \u201ci,\u201d in line with the album title. The album was immensely popular when it came out, so the number of i\u2019s created a complex matrix, so dense it\u2019s almost hard to discern the individual letters. The website opens with <strong>a single \u201ci\u201d which then starts multiplying almost infinitely, forming a dense pattern.<\/strong> Clicking on <em>Enter<\/em>, the pattern bursts, some of the air is cleared allowing the word <em>Viisualiizer<\/em> to appear in italic lettering. But even that italic lettering is made up of thousands of those tiny &#8220;i&#8221; characters, which then merge into the shape of the planet Earth and there are even some fireworks to celebrate the success of the album. The movement of the mouse erases parts of the pattern like a wisp of smoke, and as it dissipates, the i\u2019s from the pattern reappear again and \u201cseal\u201d the pattern. To contrast this almost hypnotic background, three randomly placed 1990\u2019s-looking boxes provide the essential info about the platform in all-uppercase GT America Mono typeface, and a strong black button invites the viewer to dive even deeper in this interactive experience.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Closing Words<\/h2>\n<p>[\/vc_column_text][vc_column_text]These were just some of the terrific examples of the hero text game done right. From animation and interactivity to playful irreverence towards the rules and canons, these websites don\u2019t shy away from experimentation, and the result is nothing short of rewarding.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We saw that these days designers are almost trying to \u201cout-design\u201d each other when it comes to this important part of visual branding. Experimentation, humor and exaggeration seem to be the driving forces behind these designs, and this vibrant, progerssive trend definitely inspires optimism and makes us excited for what\u2019s yet to come.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Recognizing the importance of hero text, designers often go out of their way to create striking, surprising and memorable sections with typography that&#8217;s everything but conventional. Join us in an exploration of the hottest new design trends in hero typography.<\/p>\n","protected":false},"author":3,"featured_media":31285,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[30,40,43,54],"class_list":["post-31248","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-creative","tag-inspiration","tag-showcase","tag-typography"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/31248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=31248"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/31248\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/31285"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=31248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=31248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=31248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}