{"id":11469,"date":"2020-08-28T15:00:50","date_gmt":"2020-08-28T13:00:50","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=11469"},"modified":"2020-08-31T15:43:10","modified_gmt":"2020-08-31T13:43:10","slug":"examples-of-black-websites","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/examples-of-black-websites\/","title":{"rendered":"25 Inspiring Examples of Black Websites"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Black is, arguably, the queen regnant of all colors. It emanates dominance, mystery, elegance, and reflects a wide spectrum of emotions. Depending on the context, it can be conservative or unconventional, luxurious or minimal. Its usefulness simply knows no bounds.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Thanks to its versatility, black plays an important role in all forms of art. In design, it is often used as a standalone color, mostly in logos, as it can help add a touch of power and sophistication to a brand. Think of Louis Vuitton, Gucci, Chanel, Adidas, or Nike, to name a few. <strong>However, black can also serve as a spectacular backdrop for websites. It helps put all other elements in the spotlight and accentuates the brightness and vivaciousness of surrounding colors<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Below you\u2019ll discover 25 stunning examples that prove the potency of black as a background color. While some of them use the simple yet timeless combination of <a href=\"https:\/\/qodeinteractive.com\/theme-style\/black-and-white-wordpress-themes\/\">black and white<\/a>, others combine a variety of colors with their black backgrounds. But they all unquestionably illustrate how dark designs can help brands and individuals differentiate themselves from the crowd and create awe-inspiring projects. The websites we\u2019ll introduce you to are:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<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=\"#synchronized-studio\">Synchronized 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=\"#trip-in-the-dark\">Trip in the 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=\"#andrew-leguay\">Andrew Leguay<\/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=\"#clement-merouani\">Clement Merouani<\/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=\"#a-day-out\">A Day Out <\/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=\"#spatzek-studio\">Spatzek 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=\"#digital-marketing-conference\">Digital Marketing Conference<\/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=\"#design-canada\">Design Canada<\/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=\"#throwbacks-music\">Throwbacks Music<\/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=\"#mav-farm\">Mav Farm<\/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=\"#eclipse-srl\">Eclipse SRL<\/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=\"#akufen\">Akufen<\/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=\"#mysta-electric\">Mysta Electric<\/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=\"#maxilla\">Maxilla<\/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=\"#longshot-features\">Longshot Features<\/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=\"#cultish\">Cultish<\/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=\"#juraj-molnar\">Juraj Moln\u00e1r<\/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=\"#intro-to-coding-for-designers\">Intro to Coding for Designers<\/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=\"#kontrapunkt\">Kontrapunkt<\/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=\"#masters-1987\">Masters 1987<\/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=\"#wiseslang\">Wiseslang<\/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=\"#skyline-films\">Skyline Films<\/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=\"synchronized-studio\"><\/a>Synchronized Studio<\/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:\/\/synchronized.studio\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Synchronized-Studio.jpg\" class=\"attachment-full size-full\" alt=\"Synchronized Studio\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Synchronized-Studio.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Synchronized-Studio-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Synchronized-Studio-620x355.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:\/\/synchronized.studio\/\" target=\"_blank\" rel=\"noopener noreferrer\">Synchronized Studio<\/a> is a team of creatives and experts in digital art direction, branding, web design, and much more. A word that best describes this website is \u2013 powerful. There\u2019s a loading animation that looks like a lightning bolt tearing the dark background as the numbers go from 0 to 100 indicating the loading status. <strong>The background is particularly interesting. For one, it\u2019s not static. It resembles black silk wrinkled sheets, and the movement of your mouse causes the \u201csheets\u201d to stir<\/strong>. The cursor leaves a lime-colored trace behind that adds a touch of color to the homepage. Inner pages are black and white, save for the projects page which is especially fun to explore because of the horizontal drag 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=\"trip-in-the-dark\"><\/a>Trip in the Dark<\/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:\/\/tripinthedark.ru\/en\/story\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Trip-in-the-Dark.jpg\" class=\"attachment-full size-full\" alt=\"Trip in the Dark\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Trip-in-the-Dark.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Trip-in-the-Dark-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Trip-in-the-Dark-620x355.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:\/\/tripinthedark.ru\/en\/story\" target=\"_blank\" rel=\"noopener noreferrer\">Trip in the Dark<\/a> is an astonishing project created by the <a href=\"https:\/\/voskhod.agency\/en\/\" target=\"_blank\" rel=\"noopener noreferrer\">Voskhod<\/a> digital agency that I could wax poetic about ad infinitum. While the website loads, you first see a blinking eye placed on a black background inviting you to be patient while you await for your adventure in the dark to begin. You can then choose the way in which you wish to experience the site \u2013 with your ears, eyes, and\/or by using your voice to interact with it. Once that\u2019s settled, you\u2019re introduced to Volodya, a not-your-typical tour guide. <strong>The background is initially white, but as he begins to narrate his experience and informs you that he\u2019s visually impaired, the light switches off and you\u2019re enveloped in darkness<\/strong>. He tells you his story using his voice as well as through a series of spectacular illustrations that lead you to a crossroads. There you can choose between exploring places or getting to know locals. If you select the former, you\u2019ll be able to make your own map based on the real sounds of the city. You can select a maximum of 5 sounds that you should place in designated slots to then see your route through Yekaterinburg. If you go right and choose to meet locals, you\u2019ll have the opportunity to hear several interesting stories that highlight the importance of listening to sounds, both external and the ones within ourselves.[\/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=\"andrew-leguay\"><\/a>Andrew Leguay<\/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.andrewleguay.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Andrew-Leguay.jpg\" class=\"attachment-full size-full\" alt=\"Andrew Leguay\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Andrew-Leguay.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Andrew-Leguay-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Andrew-Leguay-620x355.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.andrewleguay.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Andrew Leguay<\/a> is a designer who specializes in branding, digital products, and lifestyle marketing. His creativity is evident in every single pixel of his commendable portfolio website. As you wait for it to load, the screen becomes more and more chaotic with each passing second. Words such as <em>organization<\/em>, <em>strategy<\/em>, <em>branding<\/em>, <em>marketing<\/em>, <em>culture<\/em>, <em>product<\/em>, <em>framework<\/em> ambush the screen and are all you can see at one point. It all clears out in an instant and then you get the chance to explore Andrew\u2019s work. <strong>The entire website is designed using just three colors \u2013 black, white, and dark orange. The background is black, which allows the featured elements to stand out<\/strong>. The <a href=\"https:\/\/qodeinteractive.com\/magazine\/google-font-combinations\/\">font choices<\/a> are interesting and unusual, especially the typefaces used in headlines. And when it comes to animation effects, the glitching on scroll effect wonderfully complements the cool vibe of the entire site.[\/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=\"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=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Yuto-Takahashi.jpg\" class=\"attachment-full size-full\" alt=\"Yuto Takahashi\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Yuto-Takahashi.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Yuto-Takahashi-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Yuto-Takahashi-620x355.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:\/\/yuto-takahashi.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yuto Takahashi<\/a> is an art director and a web and graphic designer. His website is mesmerizing from the get-go. The homepage starts off with a somber background image of a woman that appears to be submerged underwater. This composition looks calming and mystical, and it stands as an alluring invitation into Yuto\u2019s creative world. To dive into it, you must first hold down the mouse button for a few seconds. <strong>What you\u2019ll discover are his works masterfully displayed on a black background. The color palette he used on the website is not overpowering and it subtly contrasts the dark background<\/strong>. While you scroll and the projects appear on the screen one after the other, you\u2019ll notice how their surface is wavy, resembling turbulent waters. As soon as the scrolling stops, the scroll-triggered animation effect is gone and the images become still. If you click on any of the pictures, you\u2019ll see an in-depth presentation of the featured projects.[\/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=\"clement-merouani\"><\/a>Clement Merouani<\/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:\/\/clmt.paris\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Clement-Merouani.jpg\" class=\"attachment-full size-full\" alt=\"Clement Merouani\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Clement-Merouani.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Clement-Merouani-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Clement-Merouani-620x355.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 website of <a href=\"https:\/\/clmt.paris\/\" target=\"_blank\" rel=\"noopener noreferrer\">Clement Merouani<\/a>, a French art director and photographer, looks like a modern online art exhibition that you can visit and admire from the comfort of your home. You can control the carousel of his colorful works with your mouse. As you scroll or drag from left to right or vice versa, you\u2019ll notice how the edges of displayed images become protuberant. The side towards which they lean depends on the direction in which you scroll. Clement\u2019s website is essentially minimal and well thought out. <strong>The background is dark, elegant, and it ensures his works are in the spotlight. There are no distractions, no redundant elements that might draw your attention away. All the while you stay focused solely on his art<\/strong>. If you click on <em>Index<\/em> at the top left corner of the screen, you\u2019ll see all of Clement\u2019s works displayed in the Pinterest style on a black background.[\/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;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:\/\/sam-phlix.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Sam-Phlix.jpg\" class=\"attachment-full size-full\" alt=\"Sam Phlix\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Sam-Phlix.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Sam-Phlix-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Sam-Phlix-620x355.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>\u2019s website is minimal to the core and a perfect example of how <strong>you don\u2019t have to go overboard with special effects to make an eye-catching online presentation of your work<\/strong>. There\u2019s a black backdrop, big white letters, and monochromatic imagery. Oh, and <strong>a carousel, the \u201cwild child\u201d of this site<\/strong>. If you bring the pointer on the wheel and hold the mouse button, the carousel will start to spin, simultaneously inverting the website\u2019s colors \u2013 the background becomes white and the letters turn to black.[\/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-day-out\"><\/a>A Day Out<\/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:\/\/adayout.co\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/A-Day-Out.jpg\" class=\"attachment-full size-full\" alt=\"A Day Out\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/A-Day-Out.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/A-Day-Out-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/A-Day-Out-620x355.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:\/\/adayout.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">A Day Out<\/a>\u2019s works are displayed in <strong>large, irregularly-shaped, multi-colored blocks dotted all over the dark background. The masterminds behind this studio have cleverly used colors and the shapes of displayed elements so that you can\u2019t help but feel the strong pull to explore their portfolio<\/strong>. Even as you click on a project of your choice to learn more about it, the black background will still be there with large imagery added on top of it to show you every single aspect of the selected project. Back on the homepage, the studio\u2019s name is written in <a href=\"https:\/\/qodeinteractive.com\/magazine\/large-typography-web-design\/\">large typography<\/a> and is visible at all times. As you scroll, the letters start to move, going from one side of the screen to the next, often swapping places. The fonts these guys used are very simple, colored in white, and placed in stark contrast with the darkness behind 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=\"spatzek-studio\"><\/a>Spatzek Studio<\/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:\/\/spatzek.studio\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Spatzek-Studio.jpg\" class=\"attachment-full size-full\" alt=\"Spatzek Studio\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Spatzek-Studio.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Spatzek-Studio-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Spatzek-Studio-620x355.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:\/\/spatzek.studio\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spatzek Studio<\/a>\u2019s website looks powerful and bold from the first scroll to the last.<strong> The riveting visuals and witty textual content form the perfect amalgam that illustrates the studio\u2019s creative genius and their skillset<\/strong>. They say they don\u2019t want to over-complicate things but rather care about emotions and creating projects for humans. It goes without saying that their homepage looks spectacular, but the about page is probably unlike anything you\u2019ve seen before. There are yes \/ no questions to which you must answer before getting to read the studio\u2019s bio. The text alone is fun to read, but thanks to the hilarious videos they\u2019ve added to the description, things become all the more fun for the visitor. <strong>There\u2019s a lot going on no matter what part of the website you go to. Lots of motion, large fonts, video content, etc. but everything looks harmonious because of the neutral black background<\/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=\"digital-marketing-conference\"><\/a>Digital Marketing Conference<\/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:\/\/digitalconference.ru\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Digital-Marketing-Conference.jpg\" class=\"attachment-full size-full\" alt=\"Digital Marketing Conference\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Digital-Marketing-Conference.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Digital-Marketing-Conference-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Digital-Marketing-Conference-620x355.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:\/\/digitalconference.ru\/\" target=\"_blank\" rel=\"noopener noreferrer\">Digital Marketing Conference<\/a> is organized every year by the famous Russian creative agency <a href=\"https:\/\/possible.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Possible<\/a>. The website they\u2019ve made for the 2019 edition is nothing short of majestic. <strong>You feel like you\u2019re suspended in the air, exploring the continuously rotating dark universe of the conference by dragging the mouse cursor in every which direction while eerie sounds play in the background<\/strong>. All you see is black and white, with traces of red here and there. Above you are the starry skies with the DMC 2019 logo shining bright in the middle of it. If you keep looking up, the logo fades away, the stars spin harder and lose their form, and you feel like you\u2019re sucked into some kind of digital vortex. Before you get dizzy, it all clears out after a few seconds, and the sky goes back to being starry again. Interactive links are placed at eye level and they carry info about the event, its program, speakers, etc. If you look down, you\u2019ll see a map of Moscow with a clearly marked conference hall. The creativity of this 360\u00b0 project doesn\u2019t cease to amaze from one pixel to the next, and you can experience it even in VR.[\/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=\"design-canada\"><\/a>Design Canada<\/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:\/\/designcanada.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Design-Canada.jpg\" class=\"attachment-full size-full\" alt=\"Design Canada\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Design-Canada.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Design-Canada-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Design-Canada-620x355.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:\/\/designcanada.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Design Canada<\/a> is a documentary film that introduces us to the finest Canadian graphic designs. The website was created by the phenomenal <a href=\"https:\/\/locomotive.ca\/en\" target=\"_blank\" rel=\"noopener noreferrer\">Locomotive<\/a> agency. They\u2019ve designed it in quite a simple yet compelling way, <strong>relying mostly on the colors of the Canadian flag \u2013 red and white<\/strong>. <strong>The background is black, which helped accentuate the iconic logos and other design examples<\/strong>. Animation effects, transitions, and micro-interactions are engaging, and they help make the browsing experience smooth, enjoyable, and entertaining.[\/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=\"throwbacks-music\"><\/a>Throwbacks Music<\/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:\/\/throwbacks-music.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Throwbacks-Music.jpg\" class=\"attachment-full size-full\" alt=\"Throwbacks Music\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Throwbacks-Music.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Throwbacks-Music-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Throwbacks-Music-620x355.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 majestic <a href=\"https:\/\/throwbacks-music.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Throwbacks Music<\/a> takes us back in time and gives us an entertaining, interactive 3D music experience. <strong>The black background is omnipresent on the entire website<\/strong>. We can listen to the great old songs that are popular to this day and learn more about musicians who created them. <strong>The library of featured artists is displayed in the form of a carousel, and as you move from one artist to the next, you feel as if spinning a record. The pictures of artists are black and white until you stop \u201cspinning\u201d, which is when they gain color<\/strong>. When you find a musician you like, you can hear a preview of whichever of their songs is included in Throwbacks Music\u2019s music catalog. To listen to the song in its entirety, all you need to do is press and hold the spacebar. That action will take you to the page where, besides hearing the song, you can read more about the selected artist. Before you scroll away to the next musician, you can have some more fun and play virtual guitar strings by moving your mouse 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=\"mav-farm\"><\/a>Mav Farm<\/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:\/\/mav.farm\/mavfarm\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Mav-Farm.jpg\" class=\"attachment-full size-full\" alt=\"Mav Farm\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Mav-Farm.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Mav-Farm-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Mav-Farm-620x355.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:\/\/mav.farm\/mavfarm\" target=\"_blank\" rel=\"noopener noreferrer\">Mav Farm<\/a>\u2019s website is definitely something else. While it loads, you can see the name of the app written in futuristic-looking blue and purple letters across the screen. Once the content\u2019s ready, an eyeball pops up at the bottom of the page luring you in and inviting you to click on it to enter the website. And then, you step into <strong>a surreal universe where WebGL scroll navigation rules everything. There are lots of colors, futuristic elements, complementing typography and terrific animation effects that look breathtaking on a black background while truthfully portraying the description of the company, which is &#8211; <em>A new network and an alternate reality<\/em><\/strong>.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;black-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=\"eclipse-srl\"><\/a>Eclipse SRL<\/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.eclipse.srl\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Eclipse-SRL.jpg\" class=\"attachment-full size-full\" alt=\"Eclipse SRL\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Eclipse-SRL.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Eclipse-SRL-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Eclipse-SRL-620x355.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 website of the Italian agency <a href=\"https:\/\/www.eclipse.srl\/\" target=\"_blank\" rel=\"noopener noreferrer\">Eclipse SRL<\/a> is minimal and very fun to explore. <strong>Its ambient is very dark, matching the brand\u2019s name<\/strong>. The homepage background is black and its monotony is occasionally disrupted by the passing dark moon. You\u2019re encouraged to hold the mouse button and \u201cdraw\u201d on this virtual blackboard. As you drag the mouse pointer across the page in whatever direction you please, you\u2019ll leave a white trace made up of words in different sizes behind. If you click on the crescent moon at the top right corner of the screen, you\u2019ll see a page filled with images depicting different lunar stages. On hover, some of them turn into Super Mario, Michael Jackson, or the iconic Pink Floyd\u2019s <em>Dark Side of the Moon<\/em> <a href=\"https:\/\/qodeinteractive.com\/magazine\/aesthetic-album-covers\/\">album cover art<\/a>. This is also where you can read more information about the agency and explore their projects.[\/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=\"akufen\"><\/a>Akufen<\/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.akufen.ca\/en\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Akufen.jpg\" class=\"attachment-full size-full\" alt=\"Akufen\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Akufen.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Akufen-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Akufen-620x355.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 first thing you see as the <a href=\"https:\/\/www.akufen.ca\/en\" target=\"_blank\" rel=\"noopener noreferrer\">Akufen<\/a>\u2019s website loads are floating 3D cubes that levitate towards the middle of the screen. They form a large unit at the center that follows the movement of your mouse. <strong>Everything\u2019s in black and dark grey hues, save for white typefaces<\/strong>. <strong>Exploring their portfolio feels very smooth thanks to the infinite scroll effect<\/strong>. The projects line up one after the other while the background remains dotted with dark cubes. The 404 page is charming and in stark contrast with the rest of the website. Its background is black, but there are occasional colorful, full-screen glitches interrupting the black and white synthesis.[\/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=\"mysta-electric\"><\/a>Mysta Electric<\/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.mystaelectric.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Mysta-Electric.jpg\" class=\"attachment-full size-full\" alt=\"Mysta Electric\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Mysta-Electric.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Mysta-Electric-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Mysta-Electric-620x355.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.mystaelectric.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mysta Electric<\/a> is a phenomenal tattoo artist that creates \u201cdark graphic tattoos with beautiful melancholy\u201d and his website perfectly matches that vibe. <strong>It\u2019s entirely monochromatic, oozing coolness from one pixel to the next<\/strong>. The first thing you see is Mysta\u2019s head in the background. Wherever you may move your cursor, the head will follow the movement. As you start to scroll, large typefaces take up the screen telling you Mysta\u2019s story. If you hover over some words, you\u2019ll see pictures of Mysta at work and with some of his clients. <strong>There\u2019s also an extensive image gallery containing some of his awe-inspiring and idiosyncratic tattoos, as well as a black and white video that gives us a glimpse into the artist\u2019s creative process<\/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=\"maxilla\"><\/a>Maxilla<\/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:\/\/maxilla.jp\/en\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Maxilla.jpg\" class=\"attachment-full size-full\" alt=\"Maxilla\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Maxilla.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Maxilla-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Maxilla-620x355.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:\/\/maxilla.jp\/en\/\" target=\"_blank\" rel=\"noopener noreferrer\">Maxilla<\/a> is a visual studio and a digital agency coming from Japan. Besides an interesting name and a cool logo, they also have <strong>a website that serves as an example of the striking things you can achieve with a black canvas and a lot of imagination. They start off with a bang \u2013 the first thing you see is a majestic radial menu featuring their portfolio<\/strong>. The names of projects are written in large, all-caps, white types, but on hover, your cursor turns into a big, black spot that sucks the white out of letters and leaves them outlined in the dark. Inner pages also reflect the agency\u2019s creative approach to design, in particular, their about page. There\u2019s an illustration of the white deer\u2019s head at the center that follows every movement of your mouse. Next comes some short text informing you about what the agency does, and then \u2013 bam! You see a picture of a huge plush deer caught in the headlights, placed in the middle of the street. A few scrolls later, as if nothing happened, the deer is gone and Maxilla\u2019s contact details appear.[\/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=\"longshot-features\"><\/a>Longshot Features<\/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:\/\/longshotfeatures.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Longshot-Features.jpg\" class=\"attachment-full size-full\" alt=\"Longshot Features\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Longshot-Features.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Longshot-Features-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Longshot-Features-620x355.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:\/\/longshotfeatures.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Longshot Features<\/a> is a production company with a terrific <a href=\"https:\/\/qodeinteractive.com\/magazine\/horizontal-scrolling-websites\/\" target=\"_blank\" rel=\"noopener noreferrer\">horizontal-scrolling website<\/a> that introduces us to their wonderous world of film. It\u2019s filled with remarkable animated art of the pointillism master <a href=\"https:\/\/mattisdovier.tumblr.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mattis Dovier<\/a>. When you click on any of the featured cinematic illustrations, you\u2019ll reveal the story of the studio, the films they\u2019ve made, etc. <strong>The stunning pixel art and the whole website are made relying on the black and white hues, proving once more the undisputed creative power of this timeless color pairing<\/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=\"cultish\"><\/a>Cultish<\/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.cultish.studio\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Cultish.jpg\" class=\"attachment-full size-full\" alt=\"Cultish\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Cultish.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Cultish-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Cultish-620x355.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.cultish.studio\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cultish<\/a> is a South African creative studio with a beautiful website that fuses seemingly unmatchable elements. The first thing you see is <em>Penitent Saint Peter<\/em>, a Jusepe De Ribera\u2019s painting from the 17th century. As you move your mouse over it, the parts of the image where the cursor is placed twirl leftwards, giving this classic composition a modern twist. <strong>Again, there aren\u2019t that many colors on the homepage &#8211; the background is black and the letters are white or blue. But somehow the website doesn\u2019t ever look dull<\/strong>. Aside from the large painting taking up the upper part of the page, you\u2019ll also discover images of the studio\u2019s projects while moving your mouse through the darkness. Inner pages are predominantly monochromatic as well, adorned with sporadic splashes of blue.[\/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=\"juraj-molnar\"><\/a>Juraj Moln\u00e1r<\/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:\/\/jurajmolnar.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Juraj-Molnar.jpg\" class=\"attachment-full size-full\" alt=\"Juraj Moln\u00e1r\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Juraj-Molnar.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Juraj-Molnar-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Juraj-Molnar-620x355.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:\/\/jurajmolnar.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Juraj Moln\u00e1r<\/a>\u2019s website proves, once again, that <strong>black is possibly the best choice for portfolio websites<\/strong>, and that less is certainly more. The transitions from one section of the site to the next are smooth and subdued, with the progress bar displayed at the left-hand side of the screen. This is a mainly typographic site with a mix of bold and outlined letters. When you hover over the names of Juraj\u2019s projects, a few images show up on the screen, inviting you to explore in greater depth the selected work. <strong>I especially liked the animated outlined illustration of a beating heart. It\u2019s placed right next to the list of awards Juraj has won so far, indicating that he probably holds all those accolades close to his heart<\/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=\"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=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Gucci-Marmont.jpg\" class=\"attachment-full size-full\" alt=\"Gucci Marmont\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Gucci-Marmont.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Gucci-Marmont-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Gucci-Marmont-620x355.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 creativity of the people behind Gucci is inspiring, and not just on the runway. The websites their team has created for their big campaigns are all picturesque and mesmerizing. The one they made for the <a href=\"https:\/\/marmont.gucci.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gucci Marmont<\/a> collection is no different. The website shows the Marmont bags as parts of still life paintings reminiscing the Renaissance era. <strong>The paintings are hung on a wall, and as you study them, you almost forget that the purses are the charming intruders that don\u2019t naturally belong to any of these artworks. Given the colorfulness of the images, the choice of the black background is ideal<\/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=\"intro-to-coding-for-designers\"><\/a>Intro to Coding for Designers<\/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.xxxi.nyc\/intro-to-coding\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Intro-to-Coding-for-Designers.jpg\" class=\"attachment-full size-full\" alt=\"Intro to Coding for Designers\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Intro-to-Coding-for-Designers.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Intro-to-Coding-for-Designers-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Intro-to-Coding-for-Designers-620x355.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.xxxi.nyc\/intro-to-coding\/\" target=\"_blank\" rel=\"noopener noreferrer\">Intro to Coding for Designers<\/a> is a beginner\u2019s class that teaches designers the fundamentals of coding. The color choice for this website is not surprising. <strong>The black background along with white, orange, blue, and green elements are all typical of coding in Javascript, CSS, and HTML, which are the programming languages this course teaches you about<\/strong>. This website is quite simple, but it\u2019s amusing to explore. There\u2019s a playful feel to it, as the authors have added a bunch of geometric shapes that run away from your mouse pointer as soon as you hover 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=\"kontrapunkt\"><\/a>Kontrapunkt<\/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:\/\/type.kontrapunkt.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Kontrapunkt.jpg\" class=\"attachment-full size-full\" alt=\"Kontrapunkt\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Kontrapunkt.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Kontrapunkt-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Kontrapunkt-620x355.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:\/\/type.kontrapunkt.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kontrapunkt<\/a> is one of the leading Scandinavian design agencies and they\u2019ve created a stunning online exhibition celebrating the Kontrapunkt typeface. They\u2019ve singled out eight projects in which this font is used, demonstrating its versatility. <strong>The agency has opted for the predominantly dark color palette on the homepage, with lots of black and grey elements that are contrasted with white and yellow textual content. The typeface overview is informative and comes with lots of beautiful cursor animations<\/strong>. You can explore each project further by clicking on it. The exciting project pages shine more light on the typeface and demonstrate how it looks in action.[\/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=\"masters-1987\"><\/a>Masters 1987<\/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:\/\/1987masters.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Masters-1987.jpg\" class=\"attachment-full size-full\" alt=\"Masters 1987\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Masters-1987.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Masters-1987-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Masters-1987-620x355.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:\/\/1987masters.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Masters 1987<\/a> is an event production company from Los Angeles whose client list includes Oscar, Netflix, HBO, among many others. <strong>The use of a black background allowed them to promote their services in a striking way by opting for vivid imagery, all-caps typefaces, and snazzy interactions that ensure a cool browsing experience<\/strong>. The cursor looks especially charming. It\u2019s like a comet that turns into a spotlight when you move it across letters. When placed on images, it puts them in commotion. The pictured objects zoom in and out, the photograph surface seemingly becomes undulating, and the color of the area where the mouse pointer is inverts.[\/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=\"wiseslang\"><\/a>Wiseslang<\/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:\/\/wiseslang.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Wiseslang.jpg\" class=\"attachment-full size-full\" alt=\"Wiseslang\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Wiseslang.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Wiseslang-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Wiseslang-620x355.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:\/\/wiseslang.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Wiseslang<\/a> is a platform that gathers creatives from various fields. Their website looks subtle and impressive at the same time. <strong>The darkness throughout is filled with floating white dots or particles that assemble into all kinds of shapes<\/strong>. To navigate the website, you should use the arrows placed on the left and right sides of the screen. You can learn more about Wiseslang and the projects they\u2019ve worked on, and regardless of the section you decide to explore, the playful white particles stay on the screen all the time.[\/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=\"skyline-films\"><\/a>Skyline Films<\/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.skylinefilms.tv\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"401\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Skyline-FIlms.jpg\" class=\"attachment-full size-full\" alt=\"Skyline FIlms\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Skyline-FIlms.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Skyline-FIlms-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/08\/Skyline-FIlms-620x355.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.skylinefilms.tv\/\" target=\"_blank\" rel=\"noopener noreferrer\">Skyline Films<\/a> come with a website that all cinephiles will appreciate. <strong>The movies are displayed on what looks like an infinite cinematic canvas that you can explore by holding &amp; dragging your mouse in any direction you wish<\/strong>. When you stumble upon a movie you like and stop moving the cursor around, a trailer for that specific feature will start to play. And if you click on the movie\u2019s name, you\u2019ll discover more information about it, its storyline, etc. The featured movies are all bursting with color, so the choice of a black background is not surprising in the slightest.[\/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]Black is an exceptional, visually appealing backdrop color that gives a sense of depth to any project and highlights featured contrasting items. <strong>It helps brands tell their story in an attractive and unusual way that sets them apart from competitors and makes them more memorable<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]As the websites from our roundup depict, black looks best when paired with lighter hues. When you use brightly-colored typography on a dark background, you don\u2019t have to worry about readability, which is a common issue in dark design. And to create arresting projects, you don\u2019t need to go wild with special effects. As you could see, sometimes all it takes are two colors, a couple of cool animation effects, and simple graphic content to make a memorable and astounding website. [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Take a look at our selection of inspiring black websites and discover the true power of a black backdrop. This perfect canvas can help you highlight all the featured contrasting elements while making your site appear timeless and striking<\/p>\n","protected":false},"author":4,"featured_media":11523,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[30,40,43],"class_list":["post-11469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-creative","tag-inspiration","tag-showcase"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/11469","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=11469"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/11469\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/11523"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=11469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=11469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=11469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}