Gallery of Artistic Websites using Creative Design Trends

BySteven Snell UpdatedFebruary 9, 2016 Inspiration

This page may include links to our sponsors or affiliate links. Learn more.

If you spend much time browsing through web design galleries you’ll notice certain trends in design that vary from time-to-time. Right now there are a number of sites that effectively utilize illustration and other types of artistic design trends.

Hopefully this collection will be a good source of inspiration for anyone that enjoys artistic websites. Also feel free to mention your favorites in the comments.

Meomi

Cult Foo

Web Designer Wall

We Heart

Spoon Graphics Blog

Bear Skin Rug

Daily Candy

Free People

Biola

NeuFormat

Sitesquared

Eanka

Peter Rabbit

Jesus Rodriguez Velasco

If you enjoyed this gallery, you may also be interested in:

Steven Snell

Steven is the founder and editor-in-chief of Vandelay Design. Launched in 2007, Vandelay Design is one of the leading web design blogs and has reached more than 50 million visitors. A veteran of the industry, Steven has also been a regular contributor at other websites like Smashing Magazine and Envato's Tuts+, and was a contributing author for the Smashing Book. Connect with Steven at LinkedIn.

:root{--global-palette1:#2c9ccf;--global-palette2:#85c51f;--global-palette3:#191919;--global-palette4:#333;--global-palette5:#535353;--global-palette6:#999;--global-palette7:#e4f7fb;--global-palette8:#f6f6f6;--global-palette9:#fff;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette1);--global-palette-btn-bg-hover:var(--global-palette2);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-body-font-family:Lato,sans-serif;--global-heading-font-family:Lato,sans-serif;--global-primary-nav-font-family:inherit;--global-fallback-font:sans-serif;--global-content-width:1290px;}:root .has-theme-palette-1-background-color{background-color:var(--global-palette1);}:root .has-theme-palette-1-color{color:var(--global-palette1);}:root .has-theme-palette-2-background-color{background-color:var(--global-palette2);}:root .has-theme-palette-2-color{color:var(--global-palette2);}:root .has-theme-palette-3-background-color{background-color:var(--global-palette3);}:root .has-theme-palette-3-color{color:var(--global-palette3);}:root .has-theme-palette-4-background-color{background-color:var(--global-palette4);}:root .has-theme-palette-4-color{color:var(--global-palette4);}:root .has-theme-palette-5-background-color{background-color:var(--global-palette5);}:root .has-theme-palette-5-color{color:var(--global-palette5);}:root .has-theme-palette-6-background-color{background-color:var(--global-palette6);}:root .has-theme-palette-6-color{color:var(--global-palette6);}:root .has-theme-palette-7-background-color{background-color:var(--global-palette7);}:root .has-theme-palette-7-color{color:var(--global-palette7);}:root .has-theme-palette-8-background-color{background-color:var(--global-palette8);}:root .has-theme-palette-8-color{color:var(--global-palette8);}:root .has-theme-palette-9-background-color{background-color:var(--global-palette9);}:root .has-theme-palette-9-color{color:var(--global-palette9);}:root .has-theme-palette1-background-color{background-color:var(--global-palette1);}:root .has-theme-palette1-color{color:var(--global-palette1);}:root .has-theme-palette2-background-color{background-color:var(--global-palette2);}:root .has-theme-palette2-color{color:var(--global-palette2);}:root .has-theme-palette3-background-color{background-color:var(--global-palette3);}:root .has-theme-palette3-color{color:var(--global-palette3);}:root .has-theme-palette4-background-color{background-color:var(--global-palette4);}:root .has-theme-palette4-color{color:var(--global-palette4);}:root .has-theme-palette5-background-color{background-color:var(--global-palette5);}:root .has-theme-palette5-color{color:var(--global-palette5);}:root .has-theme-palette6-background-color{background-color:var(--global-palette6);}:root .has-theme-palette6-color{color:var(--global-palette6);}:root .has-theme-palette7-background-color{background-color:var(--global-palette7);}:root .has-theme-palette7-color{color:var(--global-palette7);}:root .has-theme-palette8-background-color{background-color:var(--global-palette8);}:root .has-theme-palette8-color{color:var(--global-palette8);}:root .has-theme-palette9-background-color{background-color:var(--global-palette9);}:root .has-theme-palette9-color{color:var(--global-palette9);}body{background:var(--global-palette9);}body,input,select,optgroup,textarea{font-style:normal;font-weight:normal;font-size:20px;line-height:1.6;font-family:var(--global-body-font-family);color:var(--global-palette4);}.content-bg,body.content-style-unboxed .site{background:var(--global-palette9);}@media all and (max-width: 767px){body{font-size:18px;}}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-style:normal;font-weight:900;font-size:36px;line-height:1.5;font-family:Lato,sans-serif;color:var(--global-palette3);}h2{font-style:normal;font-weight:900;font-size:30px;line-height:1.5;color:var(--global-palette3);}h3{font-style:normal;font-weight:700;font-size:24px;line-height:1.5;color:var(--global-palette3);}h4{font-style:normal;font-weight:700;font-size:22px;line-height:1.5;color:var(--global-palette4);}h5{font-weight:700;font-size:20px;line-height:1.5;color:var(--global-palette4);}h6{font-weight:700;font-size:18px;line-height:1.5;color:var(--global-palette5);}@media all and (max-width: 1024px){h1{font-size:30px;}h2{font-size:28px;}h3{font-size:22px;}}@media all and (max-width: 767px){h1{font-size:22px;}h2{font-size:22px;}h3{font-size:20px;}h4{font-size:20px;}}.site-container,.site-header-row-layout-contained,.site-footer-row-layout-contained,.entry-hero-layout-contained,.comments-area,.alignfull > .wp-block-cover__inner-container,.alignwide > .wp-block-cover__inner-container{max-width:1290px;}.content-width-narrow .content-container.site-container,.content-width-narrow .hero-container.site-container{max-width:842px;}@media all and (min-width: 1520px){.site .content-container .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .site .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .site .entry-content .alignwide{margin-left:-2rem;margin-right:-2rem;}@media all and (max-width: 1024px){.content-style-boxed .site .entry-content .alignwide{margin-left:-2rem;margin-right:-2rem;}}@media all and (max-width: 767px){.content-style-boxed .site .entry-content .alignwide{margin-left:-1.5rem;margin-right:-1.5rem;}}.content-area{margin-top:5rem;margin-bottom:5rem;}@media all and (max-width: 1024px){.content-area{margin-top:3rem;margin-bottom:3rem;}}@media all and (max-width: 767px){.content-area{margin-top:2rem;margin-bottom:2rem;}}.entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}.primary-sidebar.widget-area .widget{margin-bottom:2em;font-style:normal;font-size:18px;color:var(--global-palette4);}.primary-sidebar.widget-area .widget-title{font-style:normal;font-weight:700;font-size:20px;line-height:1.5;text-transform:none;color:var(--global-palette1);}.has-sidebar.has-left-sidebar .primary-sidebar.widget-area{border-right:1px none transparent;}.has-sidebar:not(.has-left-sidebar) .primary-sidebar.widget-area{border-left:1px none transparent;}button,.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"],.fl-button,.elementor-button-wrapper .elementor-button{font-style:normal;font-weight:normal;font-family:"Open Sans",sans-serif;border:2px none currentColor;border-color:#d2d2d2;}@media all and (max-width: 1024px){button,.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"],.fl-button,.elementor-button-wrapper .elementor-button{border-color:#d2d2d2;}}@media all and (max-width: 767px){button,.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"],.fl-button,.elementor-button-wrapper .elementor-button{border-color:#d2d2d2;}}.site-branding a.brand img{max-width:200px;}.site-branding a.brand img.svg-logo-image{width:200px;}.site-branding{padding:0px 0px 0px 0px;}.site-branding .site-title{font-style:normal;font-weight:normal;font-size:33px;line-height:1.2;font-family:"Bebas Neue",cursive;color:var(--global-palette9);}.site-branding .site-description{font-weight:700;font-size:16px;line-height:1.4;color:var(--global-palette5);}#masthead,#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container),#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:#333;}.site-main-header-inner-wrap{min-height:68px;}.site-top-header-wrap .site-header-row-container-inner{background:#ff4264;}.site-top-header-inner-wrap{min-height:44px;}.site-bottom-header-wrap .site-header-row-container-inner{border-bottom:0px none transparent;}.site-bottom-header-inner-wrap{min-height:0px;}#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.item-hidden-above),#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.item-hidden-above) > .site-header-row-container-inner{background:linear-gradient(135deg,var(--global-palette1) 0%,#9b51e0 100%);}@media all and (min-width: 1025px){.transparent-header .entry-hero .entry-hero-container-inner{padding-top:calc(44px + 68px);}}@media all and (max-width: 1024px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:68px;}}@media all and (max-width: 767px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:68px;}}.site .entry-hero-container-inner{background:var(--global-palette9);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after{width:calc(100% - 1.2em);}.main-navigation .primary-menu-container > ul > li > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);color:var(--global-palette9);}.main-navigation .primary-menu-container > ul li a{font-style:normal;font-weight:normal;font-size:16px;text-transform:none;}.main-navigation .primary-menu-container > ul > li > a:hover{color:#54afd6;}.main-navigation .primary-menu-container > ul > li.current-menu-item > a{color:var(--global-palette9);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.secondary-menu-container>ul>li>a:after{width:calc(100% - 1.2em);}.secondary-navigation .secondary-menu-container > ul > li > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:.6em;padding-bottom:.6em;color:var(--global-palette5);}.secondary-navigation .secondary-menu-container > ul > li > a:hover{color:var(--global-palette-highlight);}.secondary-navigation .secondary-menu-container > ul > li.current-menu-item > a{color:var(--global-palette3);}.header-navigation .header-menu-container ul ul{background:var(--global-palette4);}.header-navigation .header-menu-container ul ul li,.header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li > a{border-bottom:1px solid rgba(255,255,255,.1);}.header-navigation .header-menu-container ul ul li a{width:200px;padding-top:1em;padding-bottom:1em;color:var(--global-palette8);font-style:normal;font-size:15px;}.header-navigation .header-menu-container ul ul li a:hover{color:var(--global-palette1);background:var(--global-palette4);}.header-navigation .header-menu-container ul ul li.current-menu-item > a{color:var(--global-palette9);background:var(--global-palette4);}.mobile-toggle-open-container .menu-toggle-open{color:var(--global-palette9);padding:.4em .6em .4em .6em;font-size:14px;}.mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered{border:1px solid currentColor;}.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon{font-size:20px;}.mobile-toggle-open-container .menu-toggle-open:hover,.mobile-toggle-open-container .menu-toggle-open:focus{color:var(--global-palette1);}.mobile-navigation ul li{font-size:14px;}.mobile-navigation ul li a{padding-top:1em;padding-bottom:1em;}.mobile-navigation ul li > a,.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette8);}.mobile-navigation ul li.current-menu-item > a,.mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette-highlight);}.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap,.mobile-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px solid rgba(255,255,255,.1);}.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid rgba(255,255,255,.1);}#main-header .header-button{font-style:normal;font-size:16px;border:2px none transparent;}#main-header .header-button.button-size-custom{padding:5px 5px 5px 5px;}.header-html{font-style:normal;font-size:17px;color:var(--global-palette9);}.header-html a{color:#f5fa7a;}.header-html a:hover{color:#f5fa7a;}.header-social-inner-wrap{font-size:1em;margin-top:-.3em;margin-left:calc(-.3em / 2);margin-right:calc(-.3em / 2);}.header-social-wrap .header-social-inner-wrap .social-button{margin-top:.3em;margin-left:calc(.3em / 2);margin-right:calc(.3em / 2);border:2px none transparent;border-radius:3px;}.header-mobile-social-inner-wrap{font-size:1em;margin-top:-.3em;margin-left:calc(-.3em / 2);margin-right:calc(-.3em / 2);}.header-mobile-social-wrap .header-mobile-social-inner-wrap .social-button{margin-top:.3em;margin-left:calc(.3em / 2);margin-right:calc(.3em / 2);border:2px none transparent;border-radius:3px;}.search-toggle-open-container .search-toggle-open{color:var(--global-palette5);}.search-toggle-open-container .search-toggle-open.search-toggle-style-bordered{border:1px solid currentColor;}.search-toggle-open-container .search-toggle-open .search-toggle-icon{font-size:1em;}.search-toggle-open-container .search-toggle-open:hover,.search-toggle-open-container .search-toggle-open:focus{color:var(--global-palette-highlight);}#search-drawer .drawer-inner{background:rgba(9,12,16,.97);}.mobile-header-button-wrap .mobile-header-button{border:2px none transparent;}#colophon{background:#333;}.site-middle-footer-inner-wrap{min-height:10px;padding-top:9px;padding-bottom:0px;grid-column-gap:30px;grid-row-gap:30px;}.site-middle-footer-inner-wrap .widget{margin-bottom:30px;}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.site-top-footer-inner-wrap{padding-top:30px;padding-bottom:30px;grid-column-gap:30px;grid-row-gap:30px;}.site-top-footer-inner-wrap .widget{margin-bottom:30px;}.site-top-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.site-bottom-footer-inner-wrap{min-height:10px;padding-top:15px;padding-bottom:15px;grid-column-gap:30px;}.site-bottom-footer-inner-wrap .widget{margin-bottom:30px;}.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.footer-social-inner-wrap{font-size:1em;margin-top:-.3em;margin-left:calc(-.3em / 2);margin-right:calc(-.3em / 2);}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .social-button{margin-top:.3em;margin-left:calc(.3em / 2);margin-right:calc(.3em / 2);border:2px none transparent;border-radius:3px;}#colophon .footer-html{font-style:normal;font-size:16px;color:var(--global-palette9);}#kt-scroll-up{border-radius:0px 0px 0px 0px;bottom:30px;font-size:1.2em;padding:.4em .4em .4em .4em;}#kt-scroll-up.scroll-up-side-right{right:30px;}#kt-scroll-up.scroll-up-side-left{left:30px;}#colophon .footer-navigation .footer-menu-container > ul > li > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);color:var(--global-palette9);}#colophon .footer-navigation .footer-menu-container > ul li a{font-style:normal;font-size:16px;}#colophon .footer-navigation .footer-menu-container > ul li a:hover{color:var(--global-palette-highlight);}#colophon .footer-navigation .footer-menu-container > ul li.current-menu-item > a{color:var(--global-palette9);}.entry-hero.page-hero-section .entry-header{min-height:200px;}.entry-hero.post-hero-section .entry-header{min-height:200px;}.affdisclosure{font-size:85%;}.promo-box{background:#e4f7fb;padding:20px;}.entry-content h2 a{color:#2c9ccf;text-decoration:underline;}.entry-content h3 a{color:#2c9ccf;text-decoration:underline;}.entry-content h2 a:hover{color:#85c51f;}.entry-content h3 a:hover{color:#85c51f;}.entry-content h2 a:hover{color:#85c51f;}.entry-content h3 a:hover{color:#85c51f;}.single-content a{color:#2c9ccf;font-weight:bold;}

Similar Posts