{"id":20266,"date":"2021-02-12T15:00:17","date_gmt":"2021-02-12T14:00:17","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=20266"},"modified":"2021-03-25T17:53:18","modified_gmt":"2021-03-25T16:53:18","slug":"renaissance-web-design-trend","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/renaissance-web-design-trend\/","title":{"rendered":"An Exploration of the Renaissance Trend in Web Design and Other Modern Media"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]The Renaissance was an all-encompassing movement that flourished in Florence, Italy in the 14th century, in no small part thanks to shifting political, economical, and cultural changes. After the long period of scientific, intellectual, and artistic stagnation better known as the Dark Ages, people were ready for a rebirth, i.e. a renaissance in all aspects of life.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]One of the most significant things to be reawakened during the Renaissance was culture, in particular art. Rich merchants (as well as the Church) financially supported most works, which were <strong>heavily influenced by the ideas of humanism<\/strong>. The humanists considered the ancient world to be the peak of human civilization, and that belief translated onto art.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Renaissance works of art often depicted <strong>classical gods and mythological creatures<\/strong>. <strong>Portraits became popular along with depictions in the nude<\/strong>. Artists wanted to create deep, complex works and <strong>realistically display emotions<\/strong> through their paintings and sculptures. Striving for realism, they developed<strong> ways to emulate perspective, as well as advanced techniques for recreating natural light and shadow.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The Renaissance masterpieces have left an ever-lasting impact on all forms of art and their beauty remains breathtaking to this day. They never cease to amaze, continuing to inspire creatives several centuries later. In fact, <strong>implementing Renaissance elements in your work is currently a popular trend in web design.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In this article, we would like to take you on a journey to explore just how much the Renaissance has influenced modern media. Some of the projects on our list were inspired by the Middle Ages and Baroque period. The former was the predecessor of the Renaissance, while the latter followed it in the 17th century. These three eras have made a huge impact on all modern forms of art, including contemporary web design, as you will see in the following examples:<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=\"#le-cantiche-1320\">Le Cantiche 1320<\/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=\"#bruegel-once-in-a-lifetime\">Bruegel \u2013 Once in a Lifetime<\/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=\"#gucci-marmont\">Gucci Marmont<\/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=\"#gucci-hallucination\">Gucci Hallucination<\/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=\"#kathe-kollwitz-memorial\">K\u00e4the Kollwitz Memorial<\/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=\"#the-witcher-netflix\">The Witcher &#8211; Netflix<\/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=\"#yuto-takahashi\">Yuto Takahashi<\/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=\"#ludmilla-maury\">Ludmilla Maury<\/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=\"#expodcast-centre-de-musique-baroque-de-versailles\">Expodcast \u2013 Centre de Musique Baroque de Versailles<\/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=\"#giampiero-bodino\">Giampiero Bodino<\/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=\"#browser-history-2020-by-squarespace\">Browser History 2020 by Squarespace<\/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=\"#typography-principles-obys-agency\">Typography Principles \u2013 Obys 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=\"#dieu-neo-website\">Dieu Neo \u2013 Website<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#prado-museum\">Prado Museum<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#caravaggio-art-brutalism-ui-concept\">Caravaggio \u2013 Art Brutalism UI Concept<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#helen-sobiralski-cockaignesque\">Helen Sobiralski &#8211; Cockaignesque<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#dominique-agius\">Dominique Agius<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#christy-lee-rogers\">Christy Lee Rogers<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#aguilar-studio-caravaggio\">Aguilar Studio \u2013 Caravaggio<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#thierry-bansront-neoclassical\">Thierry Bansront \u2013 Neoclassical<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#josef-fischnaller\">Josef Fischnaller<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#nima-benati-rubens-dolce-gabanna\">Nima Benati \u2013 Rubens Dolce &amp; Gabanna<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#coldplay-viva-la-vida\">Coldplay \u2013 \u201cViva la Vida\u201d<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#hold-your-horses-70-million\">Hold Your Horses \u2013 \u201c70 Million\u201d<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#rem-losing-my-religion\">R.E.M. \u2013 \u201cLosing My Religion\u201d<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#the-carters-apes-it\">The Carters \u2013 \u201cApes**it\u201d<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#joji-777\">Joji \u2013 \u201c777\u201d<\/a><a href=\"#typography-principles-obys-agency\"><\/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><a href=\"#blood-orange-benzo\">Blood Orange \u2013 \u201cBenzo\u201d<\/a><a href=\"#typography-principles-obys-agency\"><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/a><\/p>\n<h2 class=\"qodef-h4\"><a id=\"le-cantiche-1320\"><\/a>Le Cantiche 1320<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.lecantiche.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Le-Cantiche-1320.jpg\" class=\"attachment-full size-full\" alt=\"Le Cantiche 1320\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Le-Cantiche-1320.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Le-Cantiche-1320-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Le-Cantiche-1320-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Le-Cantiche-1320-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.lecantiche.com\/\" target=\"_blank\" rel=\"noopener\">Le Cantiche 1320<\/a> is a website created in honor of the 700th anniversary of Dante\u2019s momentous Divine Comedy, completed in 1320. This work acts as somewhat of a <strong>bridge between the Middle Ages and the Renaissance<\/strong>. Dante wrote it predominantly in the Tuscan dialect. At the time, that was a controversial thing to do because Latin was believed to be the only suitable language for literature. <strong>Dante\u2019s radical move paved the way for the widespread use of vernacular languages in Renaissance literary works.<\/strong> The Divine Comedy is imbued with religious themes, but Dante made it clear he did not believe enjoying this life and obtaining salvation upon death were two mutually exclusive things. He wanted people to become more involved in political life and considered religion should have nothing to do with politics. These ideas <strong>heavily influenced humanists and became widely popular during the Renaissance.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The Divine Comedy is considered by many the greatest literary work of all time. <strong>The Le Cantiche 1320 website celebrates this masterpiece and is purposefully designed to look like an open book.<\/strong> You can go through it by dragging the cursor left and right or by using the <a href=\"https:\/\/qodeinteractive.com\/magazine\/horizontal-scrolling-websites\/\">horizontal scroll<\/a>. The site is divided into five sections which can be navigated using the unobtrusive vertical menu. The pages contain <a href=\"https:\/\/qodeinteractive.com\/magazine\/large-typography-web-design\/\">large typography<\/a> and predominantly full-height images and illustrations depicting Dante\u2019s journey through Hell, Purgatory, and Paradise. The transition and hover effects are highly enjoyable, with pictures and letters often assembling before your eyes. And if you click on the asterisk in the top left corner, again, a book-like, horizontal-scrolling layout will appear, containing memorable verses from the poem.[\/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=\"bruegel-once-in-a-lifetime\"><\/a>Bruegel \u2013 Once in a Lifetime<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.bruegel2018.at\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Bruegel.jpg\" class=\"attachment-full size-full\" alt=\"Bruegel\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Bruegel.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Bruegel-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Bruegel-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Bruegel-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.bruegel2018.at\/\" target=\"_blank\" rel=\"noopener\">Bruegel \u2013 Once in a Lifetime<\/a> is a project created by the Art History Museum in Vienna to mark the 450th anniversary of the death of Pieter Bruegel the Elder &#8211; one of the most important representatives of Dutch and Flemish Renaissance painting. This <strong>audio-visual and interactive presentation<\/strong> contains some of his most notable works, such as \u201cThe Tower of Babel\u201d, \u201cTwo Monkeys\u201d, and \u201cHunters in the Snow\u201d. <strong>But what leaves a lasting impression is the first painting we see on the site &#8211; &#8220;Peasant Wedding&#8221;.<\/strong> The characters depicted on it are animated so that they appear to be engaged in a lively conversation. <strong>You can hear soft chatter, laughter, the clatter of dishes, and music, all of which instantly transports you to the depicted Renaissance wedding.<\/strong> The site contains <strong>a mixture of audio, photo, and video materials<\/strong>, introducing you to this remarkable artist and the way he created his paintings. The designers went far and beyond to highlight Bruegel\u2019s magnificent artistic skills and his great attention to detail. On some highly intricate images, they made certain areas clickable. There are pulsating white dots that on click reveal the story about the selected part of the image while simultaneously zooming in on it, fully immersing you into the depicted scene.[\/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=\"gucci-marmont\"><\/a>Gucci Marmont<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/marmont.gucci.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gucci-Marmont.jpg\" class=\"attachment-full size-full\" alt=\"Gucci Marmont\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gucci-Marmont.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gucci-Marmont-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gucci-Marmont-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gucci-Marmont-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The <a href=\"https:\/\/marmont.gucci.com\/\" target=\"_blank\" rel=\"noopener\">Gucci Marmont<\/a> website gives us an overview of the famous brand\u2019s Renaissance-style bag collection. The bags are presented as parts of still life paintings that appear to be hung on a gallery wall. While the background on the site is dark, the colors on the paintings are in contrasting rich colors. <strong>On scroll, you start to move from one painting to the next, while the chiaroscuro effect, which originated during the Renaissance era, takes on full effect.<\/strong> Once you place your mouse on any of the displayed paintings, the interplay of light and shadow becomes even more prominent.[\/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=\"gucci-hallucination\"><\/a>Gucci Hallucination<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/springsummer.gucci.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gucci-Hallucination.jpg\" class=\"attachment-full size-full\" alt=\"Gucci Hallucination\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gucci-Hallucination.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gucci-Hallucination-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gucci-Hallucination-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gucci-Hallucination-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/springsummer.gucci.com\/\" target=\"_blank\" rel=\"noopener\">Gucci Hallucination<\/a> introduces us to Gucci\u2019s Spring \/ Summer 2018 collection through a series of imaginative visuals inspired by the works of Old Masters, i.e. painters who worked in Europe before the 19th century. <strong>The famous Renaissance artworks, such as Jan van Eyck\u2019s \u201cThe Arnolfini Marriage\u201d and Hieronymus Bosch\u2019s \u201cThe Garden of Earthly Delights\u201d were digitally manipulated so that the depicted characters appear to be wearing Gucci clothes and accessories.<\/strong> Aside from these Renaissance paintings, the site contains several other works of Old Masters, placed in a modern setting and brought to life with interesting animation effects. This whimsical website <strong>mixes classic art with pop culture, surrealism, utopism, and cutting-edge designs<\/strong>, resulting in an unforgettable showcase of Gucci\u2019s creations.[\/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=\"kathe-kollwitz-memorial\"><\/a>K\u00e4the Kollwitz Memorial<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/kathememorial.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Ka\u0308the-Kollwitz-Memorial.jpg\" class=\"attachment-full size-full\" alt=\"K\u00e4the Kollwitz Memorial\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Ka\u0308the-Kollwitz-Memorial.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Ka\u0308the-Kollwitz-Memorial-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Ka\u0308the-Kollwitz-Memorial-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Ka\u0308the-Kollwitz-Memorial-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The <a href=\"https:\/\/kathememorial.com\/\" target=\"_blank\" rel=\"noopener\">K\u00e4the Kollwitz Memorial<\/a> website tells us the story of the life and work of this great German artist. While her artistry is most commonly associated with Expressionism, she was also influenced by early Renaissance art. While you scroll your way through this one-page website, countless <a href=\"https:\/\/qodeinteractive.com\/magazine\/scroll-triggered-animations\/\">scroll-triggered animations<\/a>, transitions, and interactions will appear. Once you get acquainted with K\u00e4the\u2019s artistry, you will reach the<strong> \u201cLet\u2019s Draw\u201d section. As you move the pencil across the virtual board creating your own work of art, you will notice that the strokes reminisce K\u00e4the\u2019s style.<\/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=\"the-witcher-netflix\"><\/a>The Witcher \u2013 Netflix<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/witchernetflix.com\/en-gb\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/The-Witcher-\u2013-Netflix.jpg\" class=\"attachment-full size-full\" alt=\"The Witcher \u2013 Netflix\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/The-Witcher-\u2013-Netflix.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/The-Witcher-\u2013-Netflix-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/The-Witcher-\u2013-Netflix-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/The-Witcher-\u2013-Netflix-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/witchernetflix.com\/en-gb\" target=\"_blank\" rel=\"noopener\">The Witcher<\/a> is a medieval fantasy drama on Netflix. Due to the show&#8217;s intricate structure, spanning several time periods and often jumping suddenly from one to the other, Netflix released <strong>an interactive map, to help viewers better understand where and when each episode occurs<\/strong>. Besides a <strong>hand-drawn map, resembling those from the Middle Ages<\/strong>, the creators also added a <strong>timeline<\/strong> to make the site easier to navigate. The timeline is marked with important events you can learn more about. The site includes a search bar as well, so you can quickly find information on characters, events, and places of your interest, and connect the dots about the show more easily.[\/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;81px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"yuto-takahashi\"><\/a>Yuto Takahashi<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/yuto-takahashi.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Yuto-Takahashi.jpg\" class=\"attachment-full size-full\" alt=\"Yuto Takahashi\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Yuto-Takahashi.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Yuto-Takahashi-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Yuto-Takahashi-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Yuto-Takahashi-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/yuto-takahashi.com\/\" target=\"_blank\" rel=\"noopener\">Yuto Takahashi<\/a> is a web and graphic designer as well as an art director. His eclectic website oozes Renaissance vibes. The homepage contains a background picture of a woman seemingly submerged under water. The way Takahashi edited that image makes it look as if it were painted by a Renaissance artist.<strong> The chiaroscuro effect is in full swing<\/strong> and can be seen in the majority of photos featured on the site. <strong>The fonts he used on the pages slightly resemble the \u201ccursiva humanistica\u201d<\/strong>, i.e. the formal style of writing developed by the humanists during the Renaissance era. The scroll-triggered, liquid-like animations add a contemporary touch to the site and make it exciting to explore.[\/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=\"ludmilla-maury\"><\/a>Ludmilla Maury<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/ludmillamaury.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Ludmilla-Maury.jpg\" class=\"attachment-full size-full\" alt=\"Ludmilla Maury\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Ludmilla-Maury.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Ludmilla-Maury-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Ludmilla-Maury-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Ludmilla-Maury-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/ludmillamaury.com\/\" target=\"_blank\" rel=\"noopener\">Ludmilla Maury<\/a> is a French art director and web designer. Her website is simple, clean, and typography-heavy. <strong>The serif fonts look like Renaissance-style cursive letters.<\/strong> They are colored in <strong>golden hues<\/strong>, which were often used in Renaissance paintings. Whenever the artists wanted to <strong>depict celestial and heavenly settings, they used a golden palette<\/strong>. Even though this is a portfolio site, the previews of Maury\u2019s projects appear only when you hover over their name in the portfolio list. The homepage also contains several illustrations of circles, where the smaller circle lies inside the bigger one. They start to rotate on scroll. <strong>During the Renaissance, the circle symbolized perfection, just like it did in Antiquity.<\/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=\"expodcast-centre-de-musique-baroque-de-versailles\"><\/a>Expodcast \u2013 Centre de Musique Baroque de Versailles<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/expodcast.cmbv.fr\/en\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Expodcast.jpg\" class=\"attachment-full size-full\" alt=\"Expodcast\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Expodcast.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Expodcast-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Expodcast-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Expodcast-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The Centre for French baroque music has launched \u201c<a href=\"https:\/\/expodcast.cmbv.fr\/\" target=\"_blank\" rel=\"noopener\">Expodcast<\/a>\u201d, a virtual exhibition on French baroque music. <strong>The interactive website introduces visitors to the music and musicians of the Royal Chapel<\/strong>, the jewel of the Palace of Versailles. While listening to any of the six featured podcast episodes, it is possible to <strong>explore the accompanying photo and video content<\/strong>. That way, you can enjoy the Chapel\u2019s wonderful artworks, which symbolize the beauty and the sumptuousness of the French Baroque, learn about musicians who played for the King, find out how they were paid, and discover many other interesting details.[\/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=\"giampiero-bodino\"><\/a>Giampiero Bodino<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/www.giampierobodino.com\/en\/artist-jeweler\/giampiero-bodino\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Giampiero-Bodino.jpg\" class=\"attachment-full size-full\" alt=\"Giampiero Bodino\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Giampiero-Bodino.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Giampiero-Bodino-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Giampiero-Bodino-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Giampiero-Bodino-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/www.giampierobodino.com\/en\/artist-jeweler\/giampiero-bodino\" target=\"_blank\" rel=\"noopener\">Giampiero Bodino<\/a> is an <strong>artist and a jeweler whose work is heavily influenced by the Renaissance<\/strong>. His website is adorned accordingly, with jewelry showcases accompanied by <strong>illustrations of famous antique sculptures, which were popular during the Renaissance era<\/strong>. This is a one-page site, with a timeline displayed in the sidebar. You can use it to instantly skip from one section to the next. Alternatively, you can scroll through the site and enjoy photographic and video showcases of Bodino\u2019s collections.[\/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=\"browser-history-2020-by-squarespace\"><\/a>Browser History 2020 by Squarespace<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/browserhistory.squarespace.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Browser-History.jpg\" class=\"attachment-full size-full\" alt=\"Browser History\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Browser-History.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Browser-History-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Browser-History-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Browser-History-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/browserhistory.squarespace.com\/\" target=\"_blank\" rel=\"noopener\">Browser History 2020<\/a> celebrates successful creatives and Squarespace customers who made the most of 2020. The company hired the Spanish artist Ignasi Monreal to create portraits of the selected few in the Renaissance style, a trait his works are famous for. <strong>He presented common users as heroes and made them a part of Renaissance settings.<\/strong> You can see them posing as sculptures from antiquity or riding chariots in the style of Greek gods. All this is depicted using <strong>the fresco technique<\/strong>, which was popular during the Renaissance era. Each slide contains an \u201cExplore Story\u201d button, inviting you to learn more about the users while Classical music plays in the background. The <a href=\"https:\/\/qodeinteractive.com\/magazine\/web-design-hidden-menus\/\">hidden menu<\/a> includes direct links to the presentations of all the featured creatives. As you move the cursor from one name to the next, the background color changes accordingly.[\/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=\"typography-principles-obys-agency\"><\/a>Typography Principles \u2013 Obys Agency<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/typographyprinciples.obys.agency\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Typography-Principles.jpg\" class=\"attachment-full size-full\" alt=\"Typography Principles\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Typography-Principles.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Typography-Principles-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Typography-Principles-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Typography-Principles-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The Obys Agency created the <a href=\"https:\/\/typographyprinciples.obys.agency\/\" target=\"_blank\" rel=\"noopener\">Typography Principles<\/a> website to share their tips on typography with users. They opted for <strong>scroll navigation<\/strong>, which, in addition to the fun animation and transition effects, helped make the browsing experience smoother and more enjoyable. The site contains four sections, three of which are about fonts and how to use them, and one representing a \u2018thank you\u2019 page. <strong>The informative and helpful copy is paired with striking and recognizable works of art, including those from the Renaissance era, such as the iconic \u201cMona Lisa\u201d.<\/strong> Paintings also appear on hover, which is best seen in the hidden menu (images appear while you hover over the links) and in the \u2018thank you\u2019 section. When you place the cursor on any letter, that letter will rise higher above others and the painting attached to it will appear on the screen.[\/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=\"dieu-neo-website\"><\/a>Dieu Neo<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.behance.net\/gallery\/87120911\/Dieu-Neo-Website\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Dieu-Neo.jpg\" class=\"attachment-full size-full\" alt=\"Dieu Neo\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Dieu-Neo.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Dieu-Neo-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Dieu-Neo-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Dieu-Neo-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.behance.net\/gallery\/87120911\/Dieu-Neo-Website\" target=\"_blank\" rel=\"noopener\">Dieu Neo<\/a> is a Behance project created by Rron Berisha. This project celebrates classical art and the works of some of the best-known painters, including Rembrandt, Gilbert Stuart, Charles Baugniet, J. R. Miles, and many others. <strong>The site contains information about each artist, a collection of their best-known works, as well as information about exhibitions where their paintings are displayed.<\/strong> The layout is modern and attractive, with just the right amount of text mixed with compelling visuals. Large, serif fonts used in headlines are an excellent match for a website dedicated to art and they further enhance its 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=\"prado-museum\"><\/a>Prado Museum<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.behance.net\/gallery\/73878699\/Prado-Museum-Website-with-Virtual-Reality-Experience\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Prado-Museum.jpg\" class=\"attachment-full size-full\" alt=\"Prado Museum\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Prado-Museum.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Prado-Museum-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Prado-Museum-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Prado-Museum-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The Behance project created for the <a href=\"https:\/\/www.behance.net\/gallery\/73878699\/Prado-Museum-Website-with-Virtual-Reality-Experience\" target=\"_blank\" rel=\"noopener\">Prado Museum<\/a> is nothing short of stunning. This art museum located in Madrid, Spain contains a vast collection of European art, in particular Spanish, Italian, and Flemish works. The project introduces you to both the artists and their art pieces through a series of large, often fullscreen images. As for typography, the designers opted for the sleek and elegant combination of serif and sans-serif letters, beautifully complementing the sophisticated vibe of the exhibited paintings. The goal of this project was to enable people to explore the museum\u2019s collection without visiting the place. And what better way to do that than with virtual reality. The <strong>designers included a 360\u00b0 VR simulation of the museum, allowing you to move through the halls and explore the art.<\/strong> There are clickable objects wherever you turn, enabling you to learn more about everything that interests you.[\/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=\"caravaggio-art-brutalism-ui-concept\"><\/a>Caravaggio \u2013 Art Brutalism UI Concept<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.behance.net\/gallery\/107875127\/Caravaggio-Art-Brutalism-UI-Concept\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Caravaggio.jpg\" class=\"attachment-full size-full\" alt=\"Caravaggio\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Caravaggio.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Caravaggio-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Caravaggio-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Caravaggio-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.behance.net\/gallery\/107875127\/Caravaggio-Art-Brutalism-UI-Concept?tracking_source=search_projects_recommended%7Cart\" target=\"_blank\" rel=\"noopener\">Caravaggio &#8211; Art Brutalism UI Concept<\/a> is a creative Behance project made by Nikita Resh. It is dedicated to one of the most influential painters of the late 16th and early 17th century \u2013 <strong>Michelangelo Merisi da Caravaggio<\/strong>. This great artist had the power to vividly and realistically capture human emotions on canvas. He achieved that mostly by playing with the chiaroscuro technique, often taking the contrast between the light and the dark to the extreme. Many people believe that the Renaissance ended and Baroque began when he rose to prominence. <strong>Caravaggio is known for introducing tenebrism to painting, a style perfectly complemented by the brutalist vibe of Resh\u2019s project.<\/strong> The designer uses large typefaces and long chunks of texts contrasted by mostly white, grey, or <a href=\"https:\/\/qodeinteractive.com\/magazine\/examples-of-black-websites\/\">black backgrounds<\/a>, depending on the color of the letters. This site provides an overview of Caravaggio\u2019s creative oeuvre and is imbued with his masterpieces and details about them. Resh displayed the great artist\u2019s paintings as backgrounds, magazine covers, and as parts of a book on his art, introducing people to Caravaggio in a striking and creative way.[\/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=\"helen-sobiralski-cockaignesque\"><\/a>Helen Sobiralski &#8211; Cockaignesque<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.helensobiralski.com\/cockaignesque-gallery\/q6t7c3om7w3teolofkbasbj4uqkbx5\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Helen-Sobiralski.jpg\" class=\"attachment-full size-full\" alt=\"Helen Sobiralski\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Helen-Sobiralski.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Helen-Sobiralski-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Helen-Sobiralski-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Helen-Sobiralski-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Helen Sobiralski is a photographer that primarily focuses on fashion photography, portraits, and conceptional stagings. <a href=\"https:\/\/www.helensobiralski.com\/cockaignesque-gallery\/q6t7c3om7w3teolofkbasbj4uqkbx5\" target=\"_blank\" rel=\"noopener\">Cockaignesque<\/a> is her series of pictures about opulence. The title of the project is connected to the word<strong> cockaigne, i.e. the name of a medieval mythical place of great luxuries and pleasures<\/strong>. The photos are <strong>idiosyncratic, with lots of rich, deep colors.<\/strong> They contain fauna and elements typical of still life paintings, such as vases and fruit. The contrast between light and dark is particularly prominent. With these <strong>pictures that look like artworks from the Renaissance and Baroque eras, Sobiralski managed to blur the lines between paintings and photographs.<\/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=\"dominique-agius\"><\/a>Dominique Agius<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.da-focus.com\/vanite\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Dominique-Agius.jpg\" class=\"attachment-full size-full\" alt=\"Dominique Agius\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Dominique-Agius.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Dominique-Agius-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Dominique-Agius-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Dominique-Agius-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Dominique Agius is a French photographer and a university teacher. He came up with the idea to pay homage to the Grand Masters of Renaissance and Baroque painting. To that end, he created <a href=\"https:\/\/www.da-focus.com\/vanite\" target=\"_blank\" rel=\"noopener\">Vanit\u00e9<\/a> \u2013 a project that consists of a series of images inspired by these two magnificent eras. Agius\u2019 photos feature <strong>recurrent subjects of Renaissance and Baroque art<\/strong>, such as an alchemist (alchemy flourished during the Renaissance, with alchemists reviving the knowledge of the old Greek and Islamic scholars). Some images are a direct nod to several masterpieces, including Georges de la Tour\u2019s \u201cMagdalene with the Smoking Flame\u201d and Caravaggio\u2019s \u201cSupper at Emmaus\u201d. <strong>Just like the great painters before him, Agius incorporated the elements of perspective and chiaroscuro into his work.<\/strong> The photographs look rich, intimate, with lighter elements and subjects juxtaposed with dark backgrounds. Vanit\u00e9 is an impressive project that instantly transports you to the compelling art world of several centuries ago.[\/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=\"christy-lee-rogers\"><\/a>Christy Lee Rogers<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/www.christyleerogers.com\/muses\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Christy-Lee-Rogers.jpg\" class=\"attachment-full size-full\" alt=\"Christy Lee Rogers\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Christy-Lee-Rogers.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Christy-Lee-Rogers-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Christy-Lee-Rogers-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Christy-Lee-Rogers-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/www.christyleerogers.com\/muses\" target=\"_blank\" rel=\"noopener\">Christy Lee Rogers<\/a> is a visual artist from Hawaii. She is known for creating <strong>Baroque-inspired photographs of subjects submerged underwater.<\/strong> The images look dramatic and suspenseful, as if hand-painted. Christy uses rich, vibrant colors. <strong>The refraction of light in water helps her enhance the interplay of dark and light in each shot.<\/strong> Some photos are colored entirely in a golden palette, giving off a Renaissance 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=\"aguilar-studio-caravaggio\"><\/a>Aguilar Studio \u2013 Caravaggio<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/aguilarstudio.com\/caravaggioproject\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Aguilar-Studio-\u2013-Caravaggio.jpg\" class=\"attachment-full size-full\" alt=\"Aguilar Studio \u2013 Caravaggio\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Aguilar-Studio-\u2013-Caravaggio.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Aguilar-Studio-\u2013-Caravaggio-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Aguilar-Studio-\u2013-Caravaggio-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Aguilar-Studio-\u2013-Caravaggio-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/aguilarstudio.com\/caravaggioproject\" target=\"_blank\" rel=\"noopener\">Aguilar Studio\u2019s Caravaggio project<\/a> consists of a series of images inspired by the great artist\u2019s work. With the help of models and modern technologies,<strong> the studio managed to successfully enact some of Caravaggio\u2019s best-known paintings, including \u201cThe Calling of Saint Matthew\u201d, \u201cSupper at Emmaus\u201d, \u201cSaint Jerome Writing\u201d, \u201cThe Lute Player\u201d<\/strong>, and several others. The photographs look exciting and the chiaroscuro effect enhances the drama of pictured scenarios.[\/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=\"thierry-bansront-neoclassical\"><\/a>Thierry Bansront \u2013 Neoclassical<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/thierrybansront.wixsite.com\/thierrybansront\/copie-de-artistic-nude\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Thierry-Bansront.jpg\" class=\"attachment-full size-full\" alt=\"Thierry Bansront\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Thierry-Bansront.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Thierry-Bansront-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Thierry-Bansront-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Thierry-Bansront-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/thierrybansront.wixsite.com\/thierrybansront\/copie-de-artistic-nude\" target=\"_blank\" rel=\"noopener\">Thierry Bansront\u2019s Neoclassical project<\/a> is a collection of photographs inspired by Neoclassicism. This cultural movement developed in the second half of the 18th century and it was heavily influenced by classical antiquity, just like the Renaissance was. It also adopted symmetry, harmony, clarity, and proportion, all of which were celebrated during the Renaissance era. Bansront said that his goal was to create \u201cartworks modeled as neoclassical paintings\u201d. He loves that era, and this project was his way of paying homage to it. The shots of models in the nude look <strong>clear and harmonious<\/strong>, which are <strong>the unmistakable traits of neoclassical art<\/strong>. Bansront experimented with colors and light while using little to no ornaments. He went for <strong>simplicity and natural looks<\/strong>, knowing that the use of <strong>subtle hues and specific body poses will be enough to make people think of Neoclassicism.<\/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=\"josef-fischnaller\"><\/a>Josef Fischnaller<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/www.joseffischnaller.com\/home.html\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Josef-Fischnaller.jpg\" class=\"attachment-full size-full\" alt=\"Josef Fischnaller\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Josef-Fischnaller.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Josef-Fischnaller-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Josef-Fischnaller-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Josef-Fischnaller-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/www.joseffischnaller.com\/home.html\" target=\"_blank\" rel=\"noopener\">Josef Fischnaller<\/a> is a fashion and advertising photographer. <strong>His portraits and still-life images are inspired by the works of the Renaissance artists and Old Masters.<\/strong> That is evident in the color palette he\u2019s using, the model\u2019s posture, and overall photo compositions. Fischnaller\u2019s work looks refined and timeless, but almost every photo comes with a modern twist. <strong>He often adds contemporary objects to his works, such as pieces of plastic, a toy helicopter, tiny figurines, tissue papers, and many others.<\/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=\"nima-benati-rubens-dolce-gabanna\"><\/a>Nima Benati \u2013 Rubens Dolce &amp; Gabanna<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/nimabenatiph.com\/portfolios\/rubens-dolcegabbana\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Nima-Benati.jpg\" class=\"attachment-full size-full\" alt=\"Nima Benati\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Nima-Benati.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Nima-Benati-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Nima-Benati-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Nima-Benati-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Nima Benati is a photographer that worked on <a href=\"https:\/\/nimabenatiph.com\/portfolios\/rubens-dolcegabbana\/\" target=\"_blank\" rel=\"noopener\">Dolce &amp; Gabanna\u2019s Rubens-inspired project<\/a>. Peter Paul Rubens was possibly the most important representative of the Flemish Baroque era. His paintings often portrayed great movement, but he was no stranger to erotically depicting his subjects, surrounded by great opulence. Rubens often painted women with fuller bodies, presenting them as symbols of beauty and fertility. <strong>That sentiment translates onto Benati\u2019s project, which oozes romantic and tranquil vibes, even on photos that feature male models.<\/strong> Overall, the photographs look <strong>elegant and inviting<\/strong>. The pink-ish color palette makes them <strong>appear particularly soft and it also helps enhance the models\u2019 femininity.<\/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=\"coldplay-viva-la-vida\"><\/a>Coldplay \u2013 \u201cViva la Vida\u201d<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.youtube.com\/watch?v=dvgZkm1xWPE\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Coldplay.jpg\" class=\"attachment-full size-full\" alt=\"Coldplay\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Coldplay.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Coldplay-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Coldplay-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Coldplay-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Coldplay\u2019s \u201c<a href=\"https:\/\/www.youtube.com\/watch?v=dvgZkm1xWPE\" target=\"_blank\" rel=\"noopener\">Viva la Vida<\/a>\u201d video was directed by Hype Williams. In it, the band is seen performing in front of Eug\u00e8ne Delacroix&#8217;s painting \u201cLiberty Leading the People\u201d. Although Delacroix belonged to the romantic era, his inspiration came from Rubens and the artists of the Venetian Renaissance. \u201cLiberty Leading the People\u201d epitomizes the spirit of the French 1830 revolution. It shows revolutionaries led by a woman personified as Liberty. The song \u201cViva la Vida\u201d tells the story of the final moments of King Louis XVI, who was the last king of France before the monarchy fell apart during the Revolution. <strong>The video itself looks like a painting came to life.<\/strong> The screen resembles a canvas, with all its dents and imperfections. Band members are dressed similar to revolutionaries, with colors and lights matching the style of the painting.[\/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=\"hold-your-horses-70-million\"><\/a>Hold Your Horses \u2013 \u201c70 Million\u201d<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.youtube.com\/watch?v=erbd9cZpxps\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Hold-Your-Horses.jpg\" class=\"attachment-full size-full\" alt=\"Hold Your Horses\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Hold-Your-Horses.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Hold-Your-Horses-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Hold-Your-Horses-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Hold-Your-Horses-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]\u201c<a href=\"https:\/\/www.youtube.com\/watch?v=erbd9cZpxps\" target=\"_blank\" rel=\"noopener\">70 Million<\/a>\u201d is a remarkable video by the band Hold Your Horses, directed by l\u2019Ogre. <strong>It is a beautiful ode to art that sees band members enact some of the best-known paintings<\/strong> of all time, including Leonardo da Vinci\u2019s \u201cThe Last Supper\u201d, Sandro Botticelli\u2019s \u201cThe Birth of Venus\u201d, Rembrandt\u2019s \u201cThe Anatomy Lesson of Dr. Nicolaes Tulp\u201d, Michelangelo\u2019s \u201cThe Creation of Adam\u201d, Edvard Munch\u2019s \u201cThe Scream\u201d, Pablo Picasso\u2019s \u201cPortrait of Dora Maar Seated\u201d, Vincent Van Gogh\u2019s \u201cSunflowers\u201d, and many others. Every painting reconstruction matches the original to the smallest of details, taking viewers on a beautiful journey through art history.[\/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=\"rem-losing-my-religion\"><\/a>R.E.M. \u2013 \u201cLosing My Religion\u201d<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.youtube.com\/watch?v=xwtdhWltSIg\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/R.E.M..jpg\" class=\"attachment-full size-full\" alt=\"R.E.M.\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/R.E.M..jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/R.E.M.-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/R.E.M.-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/R.E.M.-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]R.E.M.\u2019s \u201c<a href=\"https:\/\/www.youtube.com\/watch?v=xwtdhWltSIg\" target=\"_blank\" rel=\"noopener\">Losing My Religion<\/a>\u201d video was directed by Tarsem Singh. <strong>The director drew inspiration from Gabriel Garc\u00eda M\u00e1rquez\u2019s short story \u201cA Very Old Man with Enormous Wings\u201d, Andrei Tarkovsky\u2019s film \u201cThe Sacrifice\u201d, and Caravaggio\u2019s paintings.<\/strong> Light and dark are beautifully juxtaposed in the video. Some scenes are recreations of Caravaggio\u2019s well-known works, including \u201cThe Entombment of Christ\u201d and \u201cThe Incredulity of Saint Thomas\u201d. There is also a direct reference to the Renaissance painter Il Sodoma and his famous work \u201cSt Sebastien\u201d, as well as scenes with Hindu deities. The director masterfully combined all of these elements into a commanding video that continues to impress viewers even several decades after it was released.[\/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=\"the-carters-apes-it\"><\/a>The Carters \u2013 \u201cApes**t\u201d<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.youtube.com\/watch?v=kbMqWXnpXcA\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/The-Carters.jpg\" class=\"attachment-full size-full\" alt=\"The Carters\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/The-Carters.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/The-Carters-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/The-Carters-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/The-Carters-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In June 2018, Beyonc\u00e9 and Jay-Z dropped a surprise joint album. \u201c<a href=\"https:\/\/www.youtube.com\/watch?v=kbMqWXnpXcA\" target=\"_blank\" rel=\"noopener\">Apes**t<\/a>\u201d was released as the first single, and the spectacular video for it was filmed in the Louvre. <strong>The museum\u2019s outstanding art collection plays a huge role in the video.<\/strong> The opening scene features The Carters standing in front of Leonardo da Vinci\u2019s \u201cMona Lisa\u201d. Over the course of six minutes, we witness spotless performances of the pair and their dancers before astonishing art pieces, such as \u201cOath of the Horatii\u201d, \u201cThe Consecration of the Emperor Napoleon and the Coronation of Empress Josephine\u201d, \u201cThe Intervention of the Sabine Women\u201d, and \u201cMadame R\u00e9camier\u201d, all by Jacques-Louis David, then \u201cPiet\u00e0\u201d by Rosso Fiorentino, \u201cPortrait of a Black Woman\u201d by Marie-Guillemine Benoist, and many others. The video was directed by Ricky Saiz and is incredibly well-thought-out, <strong>addressing modern-day social and political issues, in particular the position of two sexes and people of color in society.<\/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=\"joji-777\"><\/a>Joji \u2013 \u201c777\u201d<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/vimeo.com\/472199853\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Joji.jpg\" class=\"attachment-full size-full\" alt=\"Joji\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Joji.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Joji-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Joji-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Joji-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Joji\u2019s beautiful video for \u201c<a href=\"https:\/\/vimeo.com\/472199853\" target=\"_blank\" rel=\"noopener\">777<\/a>\u201d was directed by Saad Moosajee. <strong>The scenery, costumes, and lighting capture the essence of the Renaissance spirit.<\/strong> 777 is believed to be the angel number, which is why we see creatures of the afterlife and the depiction of Heaven in the video. Joji, Moosajee, and their team created an astounding project that feels like witnessing a remarkable Renaissance painting come to life in the full chiaroscuro effect.[\/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=\"blood-orange-benzo\"><\/a>Blood Orange \u2013 \u201cBenzo\u201d<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder    qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.youtube.com\/watch?v=BeTzwtkFnls\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"556\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Blood-Orange.jpg\" class=\"attachment-full size-full\" alt=\"Blood Orange\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Blood-Orange.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Blood-Orange-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Blood-Orange-768x441.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Blood-Orange-620x356.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The surreal video for \u201c<a href=\"https:\/\/www.youtube.com\/watch?v=BeTzwtkFnls\" target=\"_blank\" rel=\"noopener\">Benzo<\/a>\u201d was directed by Blood Orange a.k.a. Dev Hynes himself. It features characters wearing powdered wigs, turtlenecks, gowns, culottes, and elegant jewelry, all typical of the French nobility. <strong>Hynes created a gender-bent representation of the French court<\/strong>, in which he is the entertainer who needs to amuse the queen, i.e. Marie Antoinette, who is actually a black man. All other characters are black, too. Playing with the Renaissance aesthetic, Hynes created an imaginative work of art that celebrates black and queer culture.[\/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 Thoughts<\/h2>\n<p>[\/vc_column_text][vc_column_text]The Renaissance is an important era in human history during which culture and art reached impressive heights. People felt liberated from the confines of the Middle Ages, and art mirrored their newfound sense of freedom. Painters depicted humanist ideals, nature, and still life in a way that continues to inspire artists to this day.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The primary focus of our article was to show you how big the Renaissance trend is in modern web design. We also wanted to highlight how Renaissance elements are celebrated through and incorporated into contemporary media, but we couldn\u2019t help but mention works inspired by the Middle Ages and Baroque, as these two eras are so closely tied to the Renaissance.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In the end, our artistic adventure showed us that combining the old with the new leads to the creation of <strong>distinct, awe-inspiring, and memorable projects.<\/strong> So don\u2019t be scared to experiment in your work and combine seemingly incompatible styles. Play, use art to tell your story and address issues you can relate to, and your work surely won\u2019t go unnoticed.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Renaissance elements can be found in all modern media. On this picturesque journey, we will introduce you to websites, music videos, and other projects that have masterfully implemented Renaissance features into a contemporary aesthetic<\/p>\n","protected":false},"author":4,"featured_media":20411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[30,40,43,44],"class_list":["post-20266","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-creative","tag-inspiration","tag-showcase","tag-trends"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/20266","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=20266"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/20266\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/20411"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=20266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=20266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=20266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}