- Awards
-
Category
- Architecture
- Art & Illustration
- Business & Corporate
- Culture & Education
- Design Agencies
- E-Commerce
- Events
- Experimental
- Fashion
- Film & TV
- Food & Drink
- Games & Entertainment
- Hotel / Restaurant
- Institutions
- Luxury
- Magazine / Newspaper / Blog
- Mobile & Apps
- Music & Sound
- Other
- Photography
- Promotional
- Real Estate
- Social responsibility
- Sports
- Startups
- Technology
- Web & Interactive
-
Tag
- Colorful
- 360
- 3D
- 404 pages
- About Page
- Animation
- App Style
- Big Background Images
- Clean
- Contact Page
- Content architecture
- Contentful
- Copy design
- Data Visualization
- Filters and Effects
- Flat Design
- Footer Design
- Forms and Input
- Fullscreen
- Gallery
- Gestures / Interaction
- Graphic design
- Header Design
- Horizontal Layout
- Icons
- Illustration
- Infinite Scroll
- Interaction Design
- Menu - Horizontal
- Menu - Vertical
- Microinteractions
- Minimal
- Navigation Menu
- Parallax
- Photo & Video
- Photographic
- Portfolio
- Project Page
- Responsive
- Responsive Design
- Retro
- SEO
- Scrolling
- Single page
- Social Integration
- Sound-Audio
- Storytelling
- Transitions
- Typography
- UI design
- Unusual Navigation
- Vector
- Video
- Web Fonts
- next.js
-
Technology
- 11ty
- AWS
- Adobe Illustrator
- Adobe Photoshop
- Adobe XD
- After Effects
- Angular
- Anime.js
- BARBA.js
- Backbone.js
- Blender
- Bootstrap
- CSS
- Cables
- Canvas API
- Cinema 4D
- Contentful
- Craft CMS
- CreateJS
- Curtains.js
- D3
- DatoCMS
- Debian
- Demandware
- Directus
- Docker
- Drupal
- Editor X
- Elementor
- Express
- FastClick
- Figma
- Firebase
- Flickity
- Font Awesome
- Framer Motion
- GLSL
- GSAP Animation
- Gatsby
- Google App Engine
- Google Font API
- GraphQL
- HTML5
- Hammer.JS
- Handlebars
- Highway.js
- Hugo
- Ink
- Javascript
- Knockout
- Lambda
- Laravel
- Lo-dash
- Locomotive Scroll
- Lottie
- Magento
- Matter.js
- MediaElement.js
- Modernizr
- MongoDB
- Morphic
- Netlify
- Next.js
- Nginx
- Node.js
- Nuxt.js
- OWL Carousel
- Optimizely
- P5.js
- PHP
- PWA
- PixiJS
- Prestashop
- Prismic
- Python
- React
- Readymag
- Redux
- Rellax.js
- RequireJS
- Reveal.js
- Ruby
- SVG
- Sanity
- Sass
- Shopify
- Sketch
- Skrollr.js
- Snap.svg
- Socket.io
- Spin.js
- Svelte
- Swiper.js
- Tailwind CSS
- Three.js
- Tilda
- Timber
- Twitter API
- Typekit
- Typescript
- Underscore.js
- Unity
- Unreal Engine
- VR
- Vanilla JS
- Varnish
- Velocity.js
- Vercel
- VideoJS
- Vue.js
- WebGL
- WebSockets
- WebVR
- Webflow
- Webpack
- WooCommerce
- Wordpress
- Yepnope
- YouTube API
- Zepto
- jQuery
- tween.js
-
Country
- United States
- United Kingdom
- France
- Netherlands
- Canada
- Italy
- Germany
- Australia
- Russia
- Japan
- Spain
- Poland
- Switzerland
- Ukraine
- Belgium
- India
- Denmark
- Brazil
- Sweden
- New Zealand
- Portugal
- Austria
- Greece
- Czech Republic
- Israel
- Norway
- Singapore
- Romania
- Turkey
- South Africa
- United Arab Emirates
- Ireland
- Croatia
- Argentina
- Hong Kong - Macau
- Mexico
- Serbia
- Armenia
- Cyprus
- Slovakia
- China
- Georgia
- Latvia
- Taiwan
- Slovenia
- Bulgaria
- Lithuania
- Malaysia
- Estonia
- Finland
- South Korea
- Colombia
- Iceland
- Thailand
- Vietnam
- Egypt
- Indonesia
- Kazakhstan
- Luxembourg
- Bangladesh
- Belarus
- Chile
- Hungary
- Malta
- Philippines
- Sri Lanka
- Ecuador
- Nigeria
- Bahrain
- Lebanon
- Peru
- Saudi Arabia
- Uruguay
- Andorra
- Costa Rica
- Mauritius Island
- Moldova
- Bosnia and Herzegovina
- Iran
- Morocco
- Pakistan
- Albania
- Azerbaijan
- Dominican Republic
- Guernsey
- Kyrgyzstan
- Panama
- Puerto Rico
- Tanzania
- Venezuela
- Algeria
- Benin
- Bonaire
- Cook Islands
- Fiji
- Guatemala
- Kosovo
- Kuwait
- Martinique
- Monaco
- Montenegro
- Myanmar
- Nepal
- North Macedonia
- Paraguay
- Syria
-
Font
- Fa
- DM
- Arial
- ABC
- Druk
- Barlow
- Euclid
- Aeonik
- Circular
- DIN
- Avenir
- FK
- Aktiv
- Basis
- Brandon
- Clash
- Canela
- AT
- Bebas
- Apercu
- Degular
- Anton
- Assistant
- Acumin
- Archivo
- Austin
- Cabin
- Bitter
- Cera
- ETmodules
- Adieu
- Dala Floda
- EB Garamond
- Epilogue
- Caveat
- Charter
- Cooper
- Cormorant
- Editorial New
- Adobe
- Akzidenz
- Ano
- Beatrice
- Calibre
- Century
- Chivo
- Comfortaa
- Abril Fatface
- Agrandir
- Albert Sans
- Averta
- Basier Circle
- Brice
- Crisp Noto Sans
- Darker Grotesque
- Dela Gothic One
- Favorit
- Arimo
- Bai Jamjuree
- Be Vietnam Pro
- Benton
- Bradford
- Butler
- Catamaran
- Droid Sans
- Exo
- FFIcons
- Adelle
- Albra
- Almarena
- Axiforma
- BW Haas Text Mono A-55 Roman
- BWHaasGrotesk-55Roman-Web
- BWHaasGrotesk-75Bold-Web
- Baton
- Big Shoulders Display
- Blacker
- Bold
- Bricolage Grotesque
- Brown
- Bungee
- Cako
- Chakra Petch
- Changa One
- Circe
- Copyright General Type Studio
- Crimson
- Dahlia
- Domaine
- Domine
- Dosis
- DotGothic16
- Droid Serif
- Everett
- Feijoa
- Akkurat
- Akrobat
- Alata
- Aleo
- Amatic SC
- Ambit
- Americana
- Area
- Area Normal
- Aventa
- Bagnard
- Beausite Classic Web
- Bigilla
- Biotif
- Borna
- Bw Gradual
- Campton
- Cardinal Fruit
- Cirka
- Ciutadella
- Commissioner
- Copyright (C) H&Co | typography.com
- Copyright Sharp Type Co. This font is licensed for web use only.
- Courier
- Courier New
- Courier Prime
- Editorialnew
- Electrolize
- Color
Colorful
Developing an effective color scheme is one of the most common challenges in web design as it can completely change the look and feel of a website and dictate the mood and tone of the page. A web design that uses three to five colors is most pleasing to the eye.
Mixing colors can be distracting and, if not undertaken correctly, can make a project look unprofessional. The background color is the most important color to take into consideration for a web project; while some websites opt for a more simple color scheme, sometimes even monochromatic, some designers decide to use a variety of colors to make their website pop and visually engage the user. Colorful websites can also be attractive and well designed.
External Links: Colorful Web Designs to Inspire You | ColourLovers | Adobe Kuler: Color Whee