{"id":9173,"date":"2020-07-10T15:00:29","date_gmt":"2020-07-10T13:00:29","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=9173"},"modified":"2022-10-25T15:34:53","modified_gmt":"2022-10-25T13:34:53","slug":"large-typography-web-design","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/large-typography-web-design\/","title":{"rendered":"16 Examples of Large Typography in Web Design"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Large typography is currently among the most popular trends in web design. The bigger the letters, the better. Extremely sized typefaces with large weight are dramatic, extravagant, attention-grabbing, and they undoubtedly carry a wow-factor that can attract and win over most visitors. They send assertive messages and convey them in a loud manner, whether you use them on their own or in combination with picturesque graphics. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]When it comes to creating websites with oversized typefaces, designers usually avoid decorative fonts and instead go with neutral and simple scripts. They use them in headers, on buttons, in text &#8211; in fact, anywhere they want really, since there are no strict rules. Creativity knows no bounds, and these impressive examples of large typography in web design will introduce you to some fascinating things you can achieve with big letters:[\/vc_column_text][vc_empty_space height=&#8221;23px&#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=\"#ussr-design-almanac\">USSR Design Almanac<\/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=\"#thibaud-allie\">Thibaud Allie<\/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=\"#diego-funken\">Diego Funken<\/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=\"#mouthwash\">Mouthwash<\/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=\"#van-holtz-co\">Van Holtz Co<\/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=\"#jon-way-studio\">Jon Way 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=\"#corentin-bernadou\">Corentin Bernadou<\/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=\"#100-days-of-poetry\">100 Days of Poetry<\/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=\"#sam-phlix\">Sam Phlix<\/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=\"#editorial-new\">Editorial New<\/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: Noise<\/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=\"#a-gauche-de-la-lune\">\u00c0 Gauche de la Lune<\/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=\"#basic-moves\">BASIC Moves<\/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=\"#angela-milosevic\">Angela Milosevic<\/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=\"#florian-monfrini\">Florian Monfrini<\/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;28px&#8221;][vc_column_text]Here are some demos from our Qi Theme for Elementor that also feature large typography in their design:<br \/>\n[\/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=\"https:\/\/qi143.qodeinteractive.com\/\">Photography Portfolio Dark<\/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=\"https:\/\/qi37.qodeinteractive.com\/\">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=\"https:\/\/qi34.qodeinteractive.com\/\">Design Agency<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"ussr-design-almanac\"><\/a>USSR Design Almanac<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/ussr.obys.agency\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/USSR-Design-Almanac.jpg\" class=\"attachment-full size-full\" alt=\"USSR Design Almanac\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/USSR-Design-Almanac.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/USSR-Design-Almanac-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/USSR-Design-Almanac-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/ussr.obys.agency\/\" target=\"_blank\" rel=\"noopener noreferrer\">USSR Design Almanac<\/a> is a sort of online exhibition created by Ukrainian design agency Obys. It celebrates some of the most famous products created in the Soviet Union. The almanac includes design examples of vehicles, buildings, airplanes, and loads of other things made from 1922 to 1991. The website is filled with interestingly animated imagery, but what stands out the most is the bold, attention-grabbing typography. <strong>It is loud, magnetic, and predominantly red<\/strong>. The letters beautifully complement the imagery and highlight the Soviet spirit of the website.[\/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=\"thibaud-allie\"><\/a>Thibaud Allie<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/www.thibaudallie.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Thibaud-Allie.jpg\" class=\"attachment-full size-full\" alt=\"Thibaud Allie\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Thibaud-Allie.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Thibaud-Allie-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Thibaud-Allie-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/www.thibaudallie.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Thibaud Allie<\/a> is an independent art director and digital designer based in Paris. He excels in web design, branding, and art direction, and some of his more notable clients include Virgil Abloh, Reebok, Nestl\u00e9, and others. As you scroll down this website, you\u2019ll notice how at times typefaces take up the entire screen and are all you can see. <strong>The letters look sophisticated and very much in-your-face, but at no point do they feel like they\u2019re too much<\/strong>. They don\u2019t overpower the projects he showcased on his site. Au contraire, they accompany them wonderfully while demonstrating his willingness to experiment with large typography in web design.[\/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=\"diego-funken\"><\/a>Diego Funken<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/diegofunken.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Diego-Funen.jpg\" class=\"attachment-full size-full\" alt=\"Diego Funen\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Diego-Funen.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Diego-Funen-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Diego-Funen-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/diegofunken.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Diego Funken<\/a>\u2019s urban-looking website is <strong>all about big typography<\/strong>. The second the homepage loads, you\u2019re greeted with gigantic letters in all caps telling you the author\u2019s story. He works as a motion designer and visual artist in New York City. As soon as you move your mouse across the page and over some words, his projects start to pop up, in video and photo formats both. The entire homepage looks very minimal, with a white background and black typography. There\u2019s not much else going on, which allows Diego\u2019s projects to stand out. The about page is also peppered with enormous white letters, while the background is dark. But when you hover over the part where it says <em>@diegofunken<\/em>, an image appears in the background and takes up the entire screen, while the letters change their color. The author has created a simple website but <strong>thanks to his clever use of typefaces and animation, he\u2019s been able to highlight his work and show off his creative genius<\/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=\"mouthwash\"><\/a>Mouthwash<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/mouthwash.co\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Mouthwash.jpg\" class=\"attachment-full size-full\" alt=\"Mouthwash\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Mouthwash.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Mouthwash-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Mouthwash-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/mouthwash.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mouthwash<\/a> is a project made by a Los Angeles based studio of the same name. They describe it as <em>offbeat<\/em>, a word that suits the style and the vibe of the project just right. It\u2019s adorned with beautiful imagery, exciting videos, and <strong>clear, plain typography to complete the modern look and the feel of the website<\/strong>. The <em>Journal<\/em> page is particularly interesting because it\u2019s all in letters, but, as you hover over article titles, images show up and stay on the page until you hover back over them.[\/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=\"van-holtz-co\"><\/a>Van Holtz Co<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/vanholtz.co\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Van-Holtz-Co.jpg\" class=\"attachment-full size-full\" alt=\"Van Holtz Co\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Van-Holtz-Co.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Van-Holtz-Co-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Van-Holtz-Co-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/vanholtz.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Van Holtz Co<\/a> is a studio specializing in animated, responsive, and interactive content. The website looks impressive, it is very fun to browse, and it beautifully depicts the creativity of the people behind this studio. The homepage is in a lovely shade of purple, while <strong>massive, interactive, attractively-animated typography dominates the page<\/strong>. The projects that the studio has worked on are listed at the right-hand side of the screen, and as you move your mouse over the project\u2019s name, the letters lose their fill and become outlined. Their product, about, and journal pages also feature amazing typographic solutions though the letters are not as large as they are on the homepage.[\/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=\"jon-way-studio\"><\/a>Jon Way Studio<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.jonway.studio\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Jon-Way-Studio.jpg\" class=\"attachment-full size-full\" alt=\"Jon Way Studio\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Jon-Way-Studio.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Jon-Way-Studio-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Jon-Way-Studio-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.jonway.studio\/\" target=\"_blank\" rel=\"noopener noreferrer\">Jon Way Studio<\/a> specializes in design and photography. The entire website is adorned with an animated grain texture effect, which makes it all look very movie-like. As you begin to scroll down the homepage, you\u2019ll stumble upon <strong>bulky, colossal, animated letters that invite you to learn more about Jon\u2019s designs and photography, read his journal, and more<\/strong>. On hover, the letters become strikethrough and change their color from black to light grey. Examples of his work are featured a bit further down the page, but once again, interesting-looking typography was enough to inspire us to stay on the website and make us want to learn more about Jon\u2019s 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=\"corentin-bernadou\"><\/a>Corentin Bernadou<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.corentinbernadou.co\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Corentin-Bernadou.jpg\" class=\"attachment-full size-full\" alt=\"Corentin Bernadou\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Corentin-Bernadou.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Corentin-Bernadou-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Corentin-Bernadou-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.corentinbernadou.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Corentin Bernadou<\/a> is a designer and a developer based in Bordeaux, and as he says, he\u2019s a <em>minimal design addict<\/em>. His website is a true reflection of his taste and love for minimalism. He opted for <strong>plain, elegant, eye-catching typography with all the letters capitalized<\/strong> and has paired it with several brilliant examples from his portfolio. None of the elements overpowers the other. Letters and images form a powerful alliance that depicts Corentin\u2019s style and skillset.[\/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=\"100-days-of-poetry\"><\/a>100 Days of Poetry<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/100daysofpoetry.gallery\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/100-Days-of-Poetry.jpg\" class=\"attachment-full size-full\" alt=\"100 Days of Poetry\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/100-Days-of-Poetry.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/100-Days-of-Poetry-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/100-Days-of-Poetry-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/100daysofpoetry.gallery\/\" target=\"_blank\" rel=\"noopener noreferrer\">100 Days of Poetry<\/a> looks like an online gallery featuring the works of Notty, a Japanese graphic designer. He\u2019s created a piece a day for 100 days, and even though this terrific website is all about sharing Notty\u2019s designs with the world, bold, all caps letters are the first thing you see. The screen appears to be divided into 5 rows, with <em>100 Days of Poetry<\/em> written in each row multiple times. To discover Notty\u2019s works, you can either scroll or drag the cursor horizontally, and the gallery will slowly unfold itself, moving from left to right. <strong>As you move your mouse, the letters and images move as well, as if placed on a conveyors belt<\/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=\"sam-phlix\"><\/a>Sam Phlix<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/sam-phlix.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Sam-Phlix.jpg\" class=\"attachment-full size-full\" alt=\"Sam Phlix\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Sam-Phlix.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Sam-Phlix-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Sam-Phlix-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/sam-phlix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sam Phlix<\/a> is a creative developer based in Lyon, France, and <strong>his website looks like a black and white empire of minimalism where large typography takes the throne<\/strong>. The striking contrast between the two colors accentuates the words which are delicately paired with some examples of Sam\u2019s work. This website is a great example of how striking the combination of serif and sans-serif capitalized letters can be. What makes it look even more appealing is the use of different font sizes and weights, which add up to the site\u2019s elegant appeal.[\/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=\"editorial-new\"><\/a>Editorial New<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/editorialnew.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Editorial-New.jpg\" class=\"attachment-full size-full\" alt=\"Editorial New\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Editorial-New.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Editorial-New-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Editorial-New-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This astonishing project represents a digital showcase of the Pangram Pangram Foundry\u2019s <a href=\"https:\/\/editorialnew.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Editorial New<\/a> typeface. It was created by Locomotive, a world-renowned web agency, with the purpose of showcasing this elegant font in action. The website is <strong>highly creative and each section is brimming with astounding elements that highlight different features of the typeface and allow you to modify and test them on your own<\/strong>. This whole project is dedicated to a font, but it\u2019s so spectacularly executed, with lots of typography in motion, that it\u2019s not surprising it was proclaimed <a href=\"https:\/\/www.awwwards.com\/editorial-new-variable-typeface-by-locomotive-wins-site-of-the-month-october.html\" target=\"_blank\" rel=\"noopener noreferrer\">Site of the Month of October at Awwwards<\/a>.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;82px&#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=\"safari-riot\"><\/a>Safari Riot: Noise<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/noise.safaririot.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Safari-Riot.jpg\" class=\"attachment-full size-full\" alt=\"Safari Riot\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Safari-Riot.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Safari-Riot-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Safari-Riot-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/noise.safaririot.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Safari Riot:Noise<\/a> is a sound design and music group that focuses on producing creative content for brands and production companies. Their website is really loud, and there\u2019s a lot going on. Vivid colors, striking animations, and video backgrounds take up the screen, but still, text trails and typography capture visitor\u2019s attention from the get-go. <strong>The letters are multi-colored, and as you hover your cursor over them, they become bigger, and their color and font change<\/strong>. If you keep still and move your mouse away from the project names, the website will lose its color \u2013 it\u2019ll turn to white while the letters will lose their fill and become outlined.[\/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=\"a-gauche-de-la-lune\"><\/a>\u00c0 Gauche de la Lune<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.agauchedelalune.com\/roster\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/A-Gauche-de-la-Lune.jpg\" class=\"attachment-full size-full\" alt=\"A Gauche de la Lune\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/A-Gauche-de-la-Lune.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/A-Gauche-de-la-Lune-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/A-Gauche-de-la-Lune-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.agauchedelalune.com\/roster\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00c0 Gauche de la Lune<\/a> is a booking agency from Lille, France. The homepage of their website is all about typefaces. The screen appears to be divided into two parts that move on scroll in opposite directions. <strong>Bold, massive letters are at the left-hand side of the screen, while the list of featured artists is written using a clear, outlined font<\/strong>. The only colors on the page are black and white with just a splash of red, while the colorful imagery appears once you move your mouse over an artist\u2019s name. Artist pages are adorned with some extra elements, such as videos and images, but they\u2019re also typeface-rich, with large typography used on each page.[\/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=\"basic-moves\"><\/a>BASIC Moves<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/moves.basicagency.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/BASIC-Moves.jpg\" class=\"attachment-full size-full\" alt=\"BASIC Moves\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/BASIC-Moves.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/BASIC-Moves-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/BASIC-Moves-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/moves.basicagency.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">BASIC Moves<\/a> is an agency based in San Diego, California. Their website provides \u201c<em>an experience that blurs the line between documentary, editorial, and digital<\/em>\u201d, as they say themselves. Letters range from bold, massive, and all caps, to smaller, thin, or outlined typefaces. On some pages, the background color changes from dark grey to white. The letters follow suit and their hue switches accordingly. <strong>Even though this site is bursting with all kinds of audio and visual elements, the typography is very prominent and plays an important role in creating the agency\u2019s distinct visual identity that\u2019s been recognized and awarded multiple times in 2019<\/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=\"angela-milosevic\"><\/a>Angela Milosevic<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/angelamilosevic.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Angela-Milosevic.jpg\" class=\"attachment-full size-full\" alt=\"Angela Milosevic\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Angela-Milosevic.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Angela-Milosevic-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Angela-Milosevic-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/angelamilosevic.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Angela Milosevic<\/a> is a digital designer and a big name in the world of web design. On her <strong>monochrome website, she combines large, serif, all capitalized letters with italic, lowercase typefaces, sometimes combining two different effects in one word<\/strong>. The lower-case words are particularly interesting. As you hover over some of them, the works from Angela&#8217;s terrific portfolio appear. Other lower-case words are clickable and will take you to the websites of the companies she\u2019s worked for. The website looks demure, but she still managed to make it highly creative, playing with several typeface styles and combining them with peculiar imagery and interesting animation effects.[\/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=\"florian-monfrini\"><\/a>Florian Monfrini<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/florianmonfrini.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Florian-Monfrini.jpg\" class=\"attachment-full size-full\" alt=\"Florian Monfrini\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Florian-Monfrini.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Florian-Monfrini-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Florian-Monfrini-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/florianmonfrini.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Florian Monfrini<\/a> is a French painter based in Paris. His website was created with the purpose of announcing his exhibition in Mexico City. Large typography and striking images dominate the page. In some sections, the letters and numbers get so big and are splashed over the entire screen. <strong>They\u2019re black, bold, elegant, in all caps, and in a wonderful juxtaposition with the colorful pictures<\/strong>. However, images and letters don\u2019t overpower each other, but rather form an inviting amalgam that makes us want to dive right into Florian\u2019s next exhibition.[\/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   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/demofestival.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"390\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Demo-Festival.jpg\" class=\"attachment-full size-full\" alt=\"Demo Festival\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Demo-Festival.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Demo-Festival-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Demo-Festival-620x345.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The <a href=\"https:\/\/demofestival.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Design in Motion Festival<\/a> has a website with a playful character that\u2019s in tune with what this festival is about, which is celebrating motion works by creatives from all over the world. <strong>The first thing you see are gigantic, variable letters spelling out the word DEMO. These letters distort and change their shape as you move your mouse cursor around the screen<\/strong>. But no matter which way you move the cursor, the word DEMO is legible at all times, regardless of the degree of distortion. The fusion of animated letters and the background that changes its color from strong, fiery orange to dark blue creates a unique identity and vibe for this festival\u2019s website.[\/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\">Final Words<\/h2>\n<p>[\/vc_column_text][vc_column_text]Large typography is omnipresent in web design. As some of these examples demonstrate, your entire website can revolve around typography without ever looking dull. The possibilities of what you can achieve using letters only, and the ways you can manipulate them using modern technologies are virtually endless. With the right <a href=\"https:\/\/qodeinteractive.com\/magazine\/google-font-combinations\/\">typeface combination<\/a>, a clever use of font height, weight, color, and some thrilling animation effects added to the mix, you can create a captivating realm of typography that will mesmerize website visitors while illustrating your creative genius.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Great typography is one of the key elements of a good website. Nowadays, dramatic and huge letters have become one of the web designer\u2019s favorite tools, and these websites perfectly demonstrate the outstanding power of large typography <\/p>\n","protected":false},"author":4,"featured_media":9194,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[30,40,43,54],"class_list":["post-9173","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\/9173","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=9173"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/9173\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/9194"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=9173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=9173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=9173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}