Top-Tier Community Websites for Design Inspiration

BySteven Snell UpdatedDecember 1, 2015 Inspiration

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

We frequently showcase examples of well-designed websites in various industries, and we had a reader request a collection of community-oriented websites for inspiration. In this post we’ve gathered 25 unique community websites to showcase some examples of outstanding design.

Community sites are just as they sound: built around a community of users. These websites cover a wide variety of different industries, but they all share the common focus of bringing together like-minded people in some way.

Brite Revolution

Designer News

Pictory

Flickwit

Quora

Dribbble

Meetup

Designers Couch

Dishizzle

Patreon

BabyList

All Recipes

CSS Globe

Reddit

Sweet Hat Club

Daily Burn

Carbonmade

Last.fm

Art in My Coffee

Zomato

Buzznet

Pure Volume

Trulia

Voat

Twitch

For more design inspiration check out these related galleries:

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;}