# data[].attributes.attachment_link.readable_text
Did you know that Facebook is blue because Mark Zuckerberg is red-green color blind?

"Blue is the richest color for me; I can see all of blue" says Zuckerberg. While this choice of color doesn't seem very scientific, it's still proves that a lot of thought is put into the choice of color.

To get you started on your own palette, we've gathered 50 beautiful websites with versatile color schemes you can take inspiration from. So without further ado, let's get knee-deep in some beautiful colors.

01. Fun and Professional

02. Art History Inspired

03. Muted Tones

04. Modern and Clean

05. Neon Tones and Sharp Contrast

06. Muted and Minimal

07. Warm and Bold

08. Clean and Highlighted

09. Warm Tones

10. Sharp and Modern

11. Cool vs. Warm

12. Pretty Pastels

13. Bold and Punchy

14. Tints and Tones

A great way to add dimension to your palette while keeping things minimal is to use varying tints of one color. This clean, elegant web page by Romain Bouchereau and Vincent Fréman does just that by using slightly different tints of a neutral peach color that compliment the focal purple color.

15. Splash of Color

16. Elegant and Sophisticated

17. Summer Inspired

18. Professional and Modern

19. Bold Blacks and Vibrant Highlights

20. Clean Gradients and Fresh Blues

21. Cheerful and Sleek

22. Luxurious and Modern

23. Unique and Striking

24. Unexpected Color Combinations

25. Retro Inspired

26. Antique and Clean

27. Striking and Energetic

Atlassian's interactive infographic site created by uses bold, high saturation colors and overlays them in a way that creates stunning effect. Note as well how these striking colors are balanced out with a nice, neutral off-white color. Always maintain that balance!

28. Fresh and Lively

29. Clean and Crisp

30. Colorful Without Clashing

31. Cool and Calm

32. Modern and Muted

The palette of Brdr. Krüger's website created by Relax, we are the good guys brings character and life to the website design by simply pairing a few light, soft colors. Thanks to the fact that each color is a consistent muted tone in different shades, they manage to slot in together naturally and effectively, creating a calm yet modern palette with a lot of character.

33. Earthy and Fresh

This palette for Apparecchiato by draws its inspiration from the earthy tones of vegetables and mixes this with white space to create a stunning clean and fresh palette. Simply use leafy greens, deep reds, and rich purples alongside some whitespace to replicate this effect.

34. High Saturation and High Energy

35. Warm and Wonderful

36. Vintage Charm

37. Cool Jewel Tones

This example for Business Benchmark on Farm Animal Welfare by GrowCreate uses beautiful purple and blue jewel tones with subtle gradients to create a very simple but very elegant and eye-catching color palette. Plus, with the occasional pop of hot pink, this palette keeps the site design engaging, fresh and beautiful.

38. Stormy Hues

39. Clean and Collegiate

40. Simple and Fresh

41. Tropical Tones

42. Bold Feature Colors

43. Antique Tones

The Athena Art Finance website, created by Leibowitz Branding & Design uses beautiful antique tones to create an elegant and sophisticated design with a lot of charm. By taking inspiration from art history and using deep purples, blues, greens and warm golds, you can transform any webpage into a sophisticated stunner.

44. Neon and Bold

45. Simple but Bold

46. Corporate and Sleek

47. Modern and Minimal

48. Fun and Cheerful

49. Sunny and Calm

50. Pop Art

Over to You

Color can make or break your design, so it's important to choose it wisely when designing anything, particularly websites. Figure out what emotions and ideas you want to capture and try to build or replicate a palette that you feel best suits that idea.

Have you seen a website with a particularly stunning use of color? Or maybe you have some tips to unlocking that perfect palette? Whatever the case, leave your thoughts down in the comments below and start a conversation with a fellow web color enthusiast.

Full-blooded color enthusiast? Check out 100 Brilliant Color Combinations: And How to Apply Them to Your Designs.

jQuery(window).scroll(function() { if(jQuery(window).scrollTop() > waypointBottom) { if(nextaFired !== 1) { jQuery('.nexta-wrapper').css({ 'transform' : 'translateX(0px)' }); nextaFired = 1; } } });

jQuery('.nexta-close').click(function(e) { e.preventDefault();

jQuery('.nexta-wrapper').css({ 'transform' : 'translateX(480px)', 'transition-timing-function' : 'ease-in' }); });

# data[].attributes.attachment_link.title
Website Color Schemes: The Palettes of 50 Visually Impactful Websites to Inspire You - Learn

# data[].attributes.attachment_link.description
Did you know that Facebook is blue because Mark Zuckerberg is red-green color blind? "Blue is the richest color for me; I can see all of blue" says Zuckerberg. While this choice of color doesn't seem very scientific, it's still proves that a lot of thought is put into the choice of color.

# data[].attributes.attachment_link.readable_text
You're designing an e-learning course and you're wondering how you should set up your course navigation... the good news is there are more options available to you than just the standard left-hand menu and your typical next/back buttons. This isn't to say that there's anything wrong with using the left-hand menu and the next/back buttons - there isn't. In fact, I think it's usually a good idea to stick with what people are used to because it means your learners won't have to guess about how to navigate or where to click. People have certain expectations about how they should be able to navigate an e-learning module (influenced greatly, I believe, by how they navigate websites) and if you deviate too much from the norm, it could lead to confusion! Here is a list of 6 navigation styles you can use in your e-learning projects with some tips and info about each one. I've also included a published course that I developed featuring an example of each nav style, to help you get inspired.
Horizontal Navigation

Commonly used navigation style in web design.

Drawback to using horizontal nav is that you can only display a limited number of links horizontally (probably 5-8, depending on text size and number of characters), so this might not be the best option for complex courses with a lot of information.

A drop-down sub-menu can be used to link to additional information.

Vertical Navigation

This is the menu style that is most often used in e-learning courses. Adobe Captivate, Articulate Presenter and Storyline, Lectora and Oracle UPK are all authoring tools that display a menu/table of contents on the left-hand side by default.

As with the horizontal navigation, a drop-down sub-menu can be used to link to additional information.

Limit the number of links you use in your vertical menu or it can become overwhelming for users.

Interesting fact: according to usability study on navigation patterns vertical navigation bars on the left performs better than vertical navigation bars on the right.

Tabbed Navigation

Tabs are popular in web design and are usually used horizontally.

Tabs can also be used vertically, but be careful because this might make it difficult to read the text.

They make navigation intuitive because people are used to seeing tabs to navigate (in filing systems, notebooks, binders, etc.).

Next/Back Navigation

Next and Back buttons are standard in e-learning courses. Even when you want to avoid boring, linear, "click-next" style courses... you sometimes still need to use a next and back button!

These buttons are often used in conjunction with another type of navigation (vertical menu, horizontal nav, etc.).

Arrow icons are often used to add a visual cue of going forward and backward.

Breadcrumb Navigation

Breadcrumbs are used as a secondary form of navigation and not as the primary nav.

They are used to show a learner where they are in an e-learning course; they orient learners when there are multiple layers of navigation.

Interesting fact: breadcrumb navigation gets its name from the fairy tale Hansel and Gretel, where they leave breadcrumbs along their journey, so they can find their way home.

Grid Style Navigation

Usually created with images, although it could be shapes and text as well.

Good option for a main course menu and for courses that have visually rich content.

I hope this post has given you some ideas for how you want to set up the navigation in your next e-learning project. Here are a few links to some great resources that helped me write this post:

# data[].attributes.attachment_link.description
You're designing an e-learning course and you're wondering how you should set up your course navigation... the good news is there are more options available to you than just the standard left-hand menu and your typical next/back buttons. This isn't to say that there's anything wrong with using the left-hand menu and the next/back buttons - there...

# data[].attributes.attachment_link.readable_text
Much has been written about the use of colour in web design. Back in the day there were stark warnings. Pick as few as possible, seemed to be the general advice, and be sensible about your choices.
I covered the main points when I wrote about colour and web design five years ago. A lot of that advice still stands up but there has been a definite shift, and nowadays it seems that more and more designers are embracing colour like never before. The polychromatic web is upon us!

The combination of flat design and blocks of saturated colour is certainly a winning combination from where I'm sitting. It's a trend that is perhaps underpinned by the growing number of devices with retina screens in circulation.

A strong, clever use of colour can be great for branded web experiences, web apps of various flavours, and agency websites. That said, I'm not fully convinced that this design trend is ideal for retailers with hundreds or thousands of product pictures, as too much colour can be overpowering, but no doubt there are some good examples out in the wild.

So then, here are 24 websites and apps that are not remotely afraid of colour. See what you make of them, and be sure to share your views in the comments area below!

Colourful blocks / tiles

This is a definite web design trend, particularly among fans of flat design. Windows 8 has been rather influential, it seems, so let's start there...

Windows 8

Piclab

Fizy

Fitbit

Calendar

Gary Johnson 2016

Weather app

Weather widget

Sun

Yet another weather app!

Flat UI Colors

Ultimately, a lot of these examples remind me of colour palettes like this one...

Colourful bars

Some sites make great use of coloured stripes and bars. Here are a few examples...

Blue

I featured this colour weather app in a recent post on beautiful mobile design.

Coloured Lines

A super-colourful website...

Minimal Monkey

Svpply's mobile app

Daily Routine

Colourful backgrounds and washes

Some sites and apps go well beyond blocks and lines...

Wacom

Scroll down and see the colour change. I bet you'll want to scroll back up again.

Lowdi

Trinto

Triplagent

Blocks and washes galore, using gentler hues...

Red Bull Studios

Colourful cards

'Cards' are increasingly being used by web designers, for all manner of reasons, but perhaps largely due to the growth in mobile / smaller screens, and following on from the widgets that were all the rage in the Web 2.0 era. This is a good thing, I think. Instead of focusing on designing whole web pages, we should focus on designing the content and functional elements that make up web pages.

Pravda

A responsive Wordpress theme that combines a strong use of colour with cards.

Google+

An unused card-based design aimed at helping users to get the most out of Google+.

Colourful icons

I thought I'd throw in an example of how colour can be used to group different types of icons, representing different kinds of functionality and information. This sort of thing can be subconsciously persuasive, if you get it right.

Dribble (concept)

A design concept for a Dribble Android UI, featuring some vivid icons.

Branded colour coding

We see this a lot in the world of design, and here's one website that closely mirrors the colour of its product. Scroll through the products and the colour changes...

Purity By Monster

What other colourful websites and apps have you noticed recently? Do you think that this is a growing design trend that is might stay the distance, or will we be saying that "it looks so 2013!" in a few years time? Do leave a comment below!
Econsultancy's Punch event is where 'Marketing meets Creative in the age of data and insight'. Curated by Creative Review, this event showcases the best of insight-driven creative. This event forms part of our week-long Festival of Marketing extravaganza.

# data[].attributes.attachment_link.title
Web design eye-candy: 24 ultra-colourful user interfaces

# data[].attributes.attachment_link.description
Much has been written about the use of colour in web design. Back in the day there were stark warnings. Pick as few as possible, seemed to be the general advice, and be sensible about your choices. I covered the main points when I wrote about colour and web design five years ago.

# data[].attributes.attachment_link.readable_text
Did you know that humans now have shorter attention spans than goldfishes? A 2015 study conducted by Microsoft in Canada showed that the average attention span of humans has decreased by 4 seconds in the past 15 years. From 12 seconds in 2000, last year's study showed that it is now at 8.25 seconds only, largely due to the advent of smartphones. This is actually a tad shorter compared to the attention span of goldfishes who are clocking in at 9 seconds.

Image Source : Infographic Illustration

This decline in our attention span has never been truer than in the way we use the internet. According to a study done by the Nielsen Norman Group, the average time that a person spends on a web page is less than a minute. The first 10 to 20 seconds of the visit to a web page is the most critical since the visitor makes the decision on whether to stay or leave within this time frame.

There is no better way to capture an audience's attention within 10 seconds than with a powerful image. An infographic does exactly that! Plus, it is also able to convey information in a much shorter time. To demonstrate the power of infographics, take a look at this infographic by Infobrandz about the power of what else... infographics!
Infographic Source
Did you notice that your attention was immediately captured by its design? Did you also notice that in just a few seconds, you were able to comprehend how and why infographics work? That is the power of an infographic!

Why Do Infographics Work?

On the internet, where information is easily accessible from millions of sources, images have an edge. According to eye tracking studies, people tend to disregard images that are purely decorative and pay closer attention to information-carrying images. The designs, pictures, and short texts make infographics more engaging and capture the attention of the audience for longer periods of time.

90% of the total information that the brain picks up is visual. Also, more than half of us are visual learners, with the estimated percentage pegged at 65% of the total human population. According to a phenomenon called picture superiority effect, human beings are wired to absorb and retain information much easier by seeing pictures thanby reading the text. The brain is wired in a way that allows it to absorb visuals 60,000 times quicker than text. Additionally, visual aids have also been proven to aid the digestion of information by up to 400 percent. This is how infographics make complex data easier to understand and elicit better recall than reading long blocks of text.

Image Source
Infographics make complex information easier to understand by presenting them in easily recognizable patterns and organizing them into different portions that seamlessly flows as one. For example, history, statistics, and processes are boring when presented in text form. However, turning them into timelines, charts, graphs and flowcharts make them easily understandable by the audience.

These days when the world has become so fast-paced, everyone is in a hurry. An infographic saves the reader time by conveying information within a couple of seconds instead of taking several minutes to read through an article that needs hundreds or thousands of words just to express the same idea.

Since infographics have the ability to easily capture attention and quickly convey information, they tend to be more likely to get shared, especially on social media. Thus, infographics have more tendency to go viral.In fact, infographics are 3 times more likely to be shared on social media than other forms of content.

Since infographics are more likely to get shared, this will also equate to more traffic for your site. According to studies, a regular post will likely get 75 tweets while an infographic will get around 600.

Infographics can be shared as is a thousand times without getting penalized by Google for it. On the other hand, websites cannot have the same content since these will be flagged and get penalized.

What Makes An Infographic Worthy of Likes and Shares?

Before and above anything else, the success of an infographic in driving traffic to your site will greatly depend on how awesome it is.Make sure that your material is great. A great infographic will have no trouble taking flight and making the rounds on the Internet. Here are some guidelines in making an infographic that will earn thousands of likes and shares:

Keep a target audience in mind. Make sure that the information on the infographic is relevant to them.

Keep it simple and prevent yourself from going overboard in loading the infographic with a lot of information. Focus on a specific topic.

The goal of an infographic is to educate. Its relevance lies in how useful it is and how it is able to provide a solution to a problem.

Make sure that your information is well-researched, correct and accurate.

Have a great design that immediately captures the eyes of the audience.

Strike a balance between the amount of graphics and text.

Create a great flow throughout the whole infographic.The images and texts should be cohesive enough to be able to tell a story.

Cite your sources.

How To Drive Traffic to Your Site Using Infographics

Once you have a great infographic, the next step would be to promote it. Here are a few pointers on how to help your infographic become viral:

Write an excellent article to go with your infographic. This will increase your chances of success with SEO.

Get your infographic published on other websites and blogs, especially the major ones. Take advantage of your network or connect with new bloggers.

Publish your infographic on sites that are known for featuring infographics. (i.e. Pinterest, Flickr, Instagram)

From Facebook to YouTube to LinkedIn, establish your infographic's presence across all possibly relevant platforms. In doing so, you might need to convert them to the appropriate format that is used on that particular platform. For example, you can make a video out of your infographic so that you can post it onYouTube. A slideshow out of your infographic will also find its place on Slideshare.

Keep your infographic relevant by regularly posting it on different platforms. Use it in your new blog posts by linking back to it.You can count on backlinks to drive a lot of traffic.

In this world that we live in today, an age when we are assaulted by a barrage of information each day, infographics are a great weapon in the battle for your audience's attention. However, not all infographics may prove to be effective in directing traffic to a site. An infographic, above everything else, should contain all the right elements. It should be eye-catching, informative, focused, well-researched, organized and have a great flow to it. In order to launch an infographic on its way to becoming viral, it has to be promoted in the right platforms, using the right media and making it a habit to regularly make it relevant.

# data[].attributes.attachment_link.title
How To Drive Social Traffic With Infographics

# data[].attributes.attachment_link.description
Did you know that humans now have shorter attention spans than goldfishes? A 2015 study conducted by Microsoft in Canada showed that the average attention span of humans has decreased by 4 seconds in the past 15 years. From 12 seconds in 2000, last year's study showed that it is now at 8.25 seconds only, largely due to the advent of smartphones.

# data[].attributes.headline
Sorting/size-relative infographic turned into interactive app with filtering capabilities

# data[].attributes.subject
Sorting/size-relative infographic turned into interactive app with filtering capabilities

# data[].attributes.headline
Using size and color to show relative amounts and categories

# data[].attributes.subject
Using size and color to show relative amounts and categories

# data[].attributes.attachment_link.readable_text
Let's start with a confession: We have a bevy of designers here who love nothing more than using colors, graphics and eye-catching fonts to tell a good story. And it turns out, they're on to something because people rather like to get their stories all prettied up!

In fact, 90% of information transferred to the brain is visual and our little brains process visual info faster and better. That might explain why online publishers who use infographics experience traffic growth about 12% faster than those who don't.

We've seen great infographics built around all sorts of things, including recipe ideas, event timelines, how to use products, facts and stats, success stories and media placement. We like the idea of communicating via infographics so much that this month we decided to share an infographic about infographics. Irony! Click here to check it out and get a few tips on how to create a good infographic and what to do with it once you have it.
Download Infographic

# data[].attributes.attachment_link.title
Why we love infographics - an infographic | PWR New Media

# data[].attributes.attachment_link.description
Let's start with a confession: We have a bevy of designers here who love nothing more than using colors, graphics and eye-catching fonts to tell a good story. And it turns out, they're on to something because people rather like to get their stories all prettied up! In fact, 90% of information...

# data[].attributes.attachment_link.readable_text
Used to be that S.F. was about tech while L.A. was about entertainment. Times have changed, as many new startups are choosing sunny SoCal to set up shop.

Hired.com, a career marketplace that connects tech workers with startups, got a little help from Visually in creating this infographic that helps its clients decide between north and south. Check it out here on the Hired.com blog.

# data[].attributes.attachment_link.title
A Day in the Life of a Tech Worker | Visually

# data[].attributes.attachment_link.description
Used to be that S.F. was about tech while L.A. was about entertainment. Times have changed, as many new startups are choosing sunny SoCal to set up shop. Hired.com, a career marketplace that connects tech workers with startups, got a little help from Visually in creating this infographic that helps its clients decide between north and south.

# data[].attributes.attachment_link.description
This infographic highlights U.S. retirement challenges. Is there a retirement crisis, or are older Americans preparing adequately for their "golden y

# data[].attributes.attachment_link.title
Infographic: Retirement Plans | GoodProspects®

# data[].attributes.attachment_link.description
Do you have a plan for retirement? Most people spend a good portion of their lives not working, and it literally pays to be prepared. This infographic spells out some of your options and why you should start planning now.

# data[].attributes.attachment_link.title
Benefits of Contributing to a 403b Plan | Visual.ly

# data[].attributes.attachment_link.description
There are a wide range of benefits to contributing to a 403(b) plan, including: Contributions are Tax Deductible, Multiple Investment Options, Taxes

# data[].attributes.body
Told like a story

# data[].attributes.attachment_link.title
95 Inspiring Websites of Web Design Agencies

# data[].attributes.attachment_link.description
Fresh, innovative, creative, minimalist ... What's your style? You probably won't have a better chance to show off all your potential if it's not by designing a website for your...

# data[].attributes.attachment_link.readable_text
If you want to create better, more effective infographics, this post is for you.

You probably clicked this article, not because you like looking at the best infographics, but rather, because you want to make them yourself... and you want those that you make, or those that are made for you, to be better.

However, one statistic stood out to us: 66% of marketers report that creating well-designed and engaging visual content is a huge struggle.

So, we instructed our team to start bookmarking those examples of great infographics that we really liked. We passed them around the team. We pinned. We shared. We curated.

Eventually, we realized we had a repository of great content. Examples across spectrums, across industries, and across infographic types. A repository of amazing infographics that could help inspire our future pieces, train new hires, and keep our team innovating.

That's when we realized we needed to take it to another level, to really curate the best of the best, not just to help others, but to help ourselves. So we sought out to curate a list of 100 diversified, amazing infographics.

How We Picked the Top 100

This post is the result of 20+ years of experience designing, creating and sharing visual assets. We started with that experience and jotted down every great infographic we could think of, giving us more than 300 pieces.

Then I spent an additional few days scouring the internet, grabbing the best of the best from infographic lists, and asking the opinions of experts I respected.

To make sure we didn't leave any rocks uncovered, we read through every infographic detailed in the Best Infographics books, and included or annotated any we had listed that came from them, with the knowledge that they would be great sources for a post like this.

At that point, I chopped down from there. I removed any infographics that didn't blow me away, or otherwise, followed design or idea frameworks that other infographics on the list also utilized.

This gave us a list of 100 infographic examples that were not just great on their own, but also worked great as a collection - thereby making the list stronger overall.

Each infographic on the list is annotated with an icon that allows you to subsegment by the types that interest you the most. We plan to keep this list updated, too, so check back for updates or otherwise, feel free to suggest infographics worthy of inclusion.

What the Infographic Icons Mean

The 100 Best Infographics

Data Visualization 50+ LRDs Animation Interactive Great Idea Unique Design Book Selection Expert Selection

Mixed shots are a popular pastime for many people, and they are represented well in this infographic. Using gradients to represent each, the designer found a way to create an elegant landscape to represent the alcoholic concoctions. It's useful, too - such simple recipes mean the details below make the shots easy to recreate.

3D Agriculture

This infographic is my favorite on this list in terms of sheer visual beauty. It uses photo manipulations, compositing, 3D tools and drawing to construct its aesthetic.

42 North American Butterflies

The wings flapping in this animation is the part that really grabs you, so make sure you click through to see it in full. The illustration of these very unique butterflies is nothing short of amazing, too - so don't forget to be impressed by that, also.

Gay Rights in the U.S. - State by State

Combine a sensitive subject with an interactive, radial layout that is well thought-out, and you have a piece that captures coverage from 125 unique outlets. It's hard to come up with a concept that properly uses the radial format that doesn't impress.

How Fast is the Fire Department?

We commonly refer to the power of emotion in creating marketable ideas -- and this piece takes the concept to a whole new level. If you live in LA, it almost certainly pisses you off -- which means this definitely belongs on every best of list that's ever created.

How to Be Productive

While this infographic doesn't look bad by any means, it also shows the power of a well-executed idea. We learn how to be productive in a distilled, actionable format, giving us a direct path to improving productivity most other posts won't offer.

How to Make the Perfect Cocktail

This ratio infographic is one we frequently reference as a potential use-case for other pieces we do. There's a reason for that - it's elegantly executed and a pleasure to read through and use. That's why it warrants purchase for many.

Hungry Tech Giants: 15 Years of Acquisitions

What's the acquisition history of major tech companies? How do the acquisition sizes compare? These two questions - and figuring out a way to nicely display the answers, led to a highly successful piece by Simply Business that generated 150+ LRDs.

Ketchup + 17 Clean Ingredients

Random and simple is sometimes genius. This piece is nothing striking from a design perspective, but the unique idea grabs you, and if you're like us, makes you laugh. Ingenunity like this makes for highly shared pieces.

Kitchen 101: Fruits, Vegetables & Herbs

This infographic isn't easy to understand on the surface, but once you acclimate, it's a powerful and useful representation of the seasonality of produce. Sometimes, effective visualizations are such because they can compact more complicated information in a smaller space - while still retaining comprehension.

Kitchen 101: Pasta

Some of the best infographics come from unique, out there ideas that make for visually interesting and also aesthetically pleasing portions. This encyclopedia of pasta is one example of just that - an immensely comprehensive take on every carb-heavy option, presented in a way that's enjoyable to read through.

The 10 Commandments of UI Design

One commandment you should stick to for your next infographic? Utility. This visual isn't breaking any design records, but it's damn useful - a bookmark (or background) that many UI designers reference during their day to day.

The Charted Cheese Wheel

Cheese, please. Another clever vehicle that is effective time and time again is explaining something within the design context of that apparatus. In this case, we get 65 cheeses within one glamorous cheese wheel.

The World as 100 People

As mentioned in the description, this isn't a new concept. But the representation is, and that's what made it go viral, generating 112 LRDs and more importantly, starting several conversations around race, religion, poverty and more.

The Best Infographics? Those Tied to Business Outcomes

At Siege, we're passionate about the fact that infographics should not just be things that are pretty to look at and share. They should also be effective in driving business outcomes. Studies have shown that many infographics are bad at driving brand recall, which isn't great no matter how resonate the concept is. Many of the above infographics likely fall into that (unfortunate) bucket.

This said, infographics can be valuable for driving links in addition to brand value. At Siege, we combine both elements to drive top-funnel search volume and also, bottom-funnel rankings. If that sounds like something up your alley, check out our infographic design services - it's one of the things we do best.

What is Content Editing? Tips From an Agency's Lead Editor

The 30 Best Content Marketing Tools of 2022

20 Animated Infographics to Inspire You in 2022

Content Creation Services

# data[].attributes.attachment_link.title
The 100 Best Infographics of 2022 [Interactive] - Siege Media

# data[].attributes.attachment_link.description
If you want to create better, more effective infographics, this post is for you. You probably clicked this article, not because you like looking at the best infographics, but rather, because you want to make them yourself... and you want those that you make, or those that are made for you, to be better.

# data[].attributes.attachment_link.readable_text
Much has been written about the use of colour in web design. Back in the day there were stark warnings. Pick as few as possible, seemed to be the general advice, and be sensible about your choices.
I covered the main points when I wrote about colour and web design five years ago. A lot of that advice still stands up but there has been a definite shift, and nowadays it seems that more and more designers are embracing colour like never before. The polychromatic web is upon us!

The combination of flat design and blocks of saturated colour is certainly a winning combination from where I'm sitting. It's a trend that is perhaps underpinned by the growing number of devices with retina screens in circulation.

A strong, clever use of colour can be great for branded web experiences, web apps of various flavours, and agency websites. That said, I'm not fully convinced that this design trend is ideal for retailers with hundreds or thousands of product pictures, as too much colour can be overpowering, but no doubt there are some good examples out in the wild.

So then, here are 24 websites and apps that are not remotely afraid of colour. See what you make of them, and be sure to share your views in the comments area below!

Colourful blocks / tiles

This is a definite web design trend, particularly among fans of flat design. Windows 8 has been rather influential, it seems, so let's start there...

Windows 8

Piclab

Fizy

Fitbit

Calendar

Gary Johnson 2016

Weather app

Weather widget

Sun

Yet another weather app!

Flat UI Colors

Ultimately, a lot of these examples remind me of colour palettes like this one...

Colourful bars

Some sites make great use of coloured stripes and bars. Here are a few examples...

Blue

I featured this colour weather app in a recent post on beautiful mobile design.

Coloured Lines

A super-colourful website...

Minimal Monkey

Svpply's mobile app

Daily Routine

Colourful backgrounds and washes

Some sites and apps go well beyond blocks and lines...

Wacom

Scroll down and see the colour change. I bet you'll want to scroll back up again.

Lowdi

Trinto

Triplagent

Blocks and washes galore, using gentler hues...

Red Bull Studios

Colourful cards

'Cards' are increasingly being used by web designers, for all manner of reasons, but perhaps largely due to the growth in mobile / smaller screens, and following on from the widgets that were all the rage in the Web 2.0 era. This is a good thing, I think. Instead of focusing on designing whole web pages, we should focus on designing the content and functional elements that make up web pages.

Pravda

A responsive Wordpress theme that combines a strong use of colour with cards.

Google+

An unused card-based design aimed at helping users to get the most out of Google+.

Colourful icons

I thought I'd throw in an example of how colour can be used to group different types of icons, representing different kinds of functionality and information. This sort of thing can be subconsciously persuasive, if you get it right.

Dribble (concept)

A design concept for a Dribble Android UI, featuring some vivid icons.

Branded colour coding

We see this a lot in the world of design, and here's one website that closely mirrors the colour of its product. Scroll through the products and the colour changes...

Purity By Monster

What other colourful websites and apps have you noticed recently? Do you think that this is a growing design trend that is might stay the distance, or will we be saying that "it looks so 2013!" in a few years time? Do leave a comment below!
Econsultancy's Punch event is where 'Marketing meets Creative in the age of data and insight'. Curated by Creative Review, this event showcases the best of insight-driven creative. This event forms part of our week-long Festival of Marketing extravaganza.

# data[].attributes.attachment_link.title
Web design eye-candy: 24 ultra-colourful user interfaces

# data[].attributes.attachment_link.description
Much has been written about the use of colour in web design. Back in the day there were stark warnings. Pick as few as possible, seemed to be the general advice, and be sensible about your choices. I covered the main points when I wrote about colour and web design five years ago.

# data[].attributes.attachment_link.title
In Your Arms - Kina Grannis (Official Music Video) Stop Motion Animation

# data[].attributes.headline
Maya Angelou on Courage and Creativity - HBR

# data[].attributes.subject
Maya Angelou on Courage and Creativity - HBR

# data[].attributes.attachment_link.readable_text
Web Script Status 500 - Internal Error

500 Description:
An error inside the HTTP server which prevented it from fulfilling the request.

Message:
1029563689 Unable to render template [components/article/article.get.html.ftl]

Server:

Spring WebScripts - v8.29.0 schema 1,000

Diagnostics:
Inspect Web Script (components/article/article.get)

# data[].attributes.attachment_link.description
Web Script Status 500 - Internal Error 500 Description: An error inside the HTTP server which prevented it from fulfilling the request. Message: 1029563689 Unable to render template [components/article/article.get.html.ftl] Server: Spring WebScripts - v8.29.0 schema 1,000 Diagnostics: Inspect Web Script (components/article/article.get)

# data[].attributes.headline
Bill Gross - A Devotion to New Ideas - Stanford Entrepreneurial Thought Leaders (podcast)

# data[].attributes.subject
Bill Gross - A Devotion to New Ideas - Stanford Entrepreneurial Thought Leaders (podcast)

# data[].attributes.attachment_link.title
Bill Gross - A Devotion to New Ideas by Stanford eCorner

# data[].attributes.attachment_link.description
Bill Gross thrives on turning innovative ideas into pioneering companies. He serves as founder and CEO of Idealab, which started over 75 companies since 1996. In this stimulating lecture, he shares how Idealab continues to bring incredible ideas to market, and his personal insights on starting and running successful organizations. Gross also describes the work of eSolar, a spin-off company of Idealab that works to make solar energy cost-competitive in the global marketplace.

--------------------
Stanford eCorner content is produced by the Stanford Technology Ventures Program. At STVP, we empower aspiring entrepreneurs to become global citizens who create and scale responsible innovations.

CONNECT WITH US
Twitter: https://twitter.com/ECorner 
LinkedIn: https://www.linkedin.com/company/stanfordtechnologyventuresprogram/ 
Facebook: https://www.facebook.com/StanfordTechnologyVenturesProgram/ 
YouTube: https://www.youtube.com/user/ecorner 

LEARN MORE
eCorner Website: https://ecorner.stanford.edu/
STVP Website: https://stvp.stanford.edu/

Support our mission of providing students and educators around the world with free access to Stanford University's network of entrepreneurial thought leaders: https://ecorner.stanford.edu/give.