30+ Ribbons in Web Design

  • Twitter
  • Facebook
  • Google+

Advertisement

Want create site? Find Free WordPress Themes and plugins.

I have been noticing the increasing trend of ribbon usage in websites. And I think its high time I should compile a post for my readers, about it!

The ribbons help you make the important stuff of your website even more prominent, with vibrant colors, 3D effects, bold contrasting, punched styles etc; which ultimately ending you up with more traffic and increased ratings!!

Did you find apk for android? You can find new Free Android Games and apps.
Want create site? Find Free WordPress Themes and plugins.

So take a look at my today’s post of 30+ Ribbons in web designs so hopefully these website showcase will inspire you.

1- Cake Sweet Cake


Cake-Sweet-Cake 30+ Ribbons in Web Design

2- Krichevtsova Alexandra


Krichevtsova-Alexandra 30+ Ribbons in Web Design

3- HTML5 Boilerplate

The popular website HTML5 Boilerplate uses ribbons to draw our attention to the most important action items on the page. I love that the ribbons do their job without having to say “Download here.” The combination of ribbons and labels tells us this is where to download the resources.


HTML5-Boilerplate 30+ Ribbons in Web Design

4- Chipmunk

Chipmunk is a great example of how well a ribbon can work with organic elements. The ribbon around the primary navigation fits in perfectly with the rich illustrations below. It also keeps the navigation from getting lost among the powerful artwork.


Chipmunk 30+ Ribbons in Web Design

5- Candy Shop


Candy-Shop 30+ Ribbons in Web Design

6- Wells Riley

Wells Riley is a perfect example of ribbons in service of aesthetics. The ribbons look great here and become the focus of the page.


Wells-Riley 30+ Ribbons in Web Design

7- Graduation Invites


Graduation-Invites 30+ Ribbons in Web Design

8- Design Company


Design-Company 30+ Ribbons in Web Design

9- Blog en Bois

On Blog en Bois, the arrow effect of the ribbon is especially powerful, largely due to the contrasting dark behind the yellow. I find myself drawn back to the logo over and over again. It’s certainly a powerful way to engrain the brand in the user’s mind.


Blog-Bois 30+ Ribbons in Web Design

10- Ryan M. Stryker

Once again we see the power of the ribbon to focus attention. Its central location and bold contrast ensure that you don’t miss Ryan M. Stryker’s name.


Stryker 30+ Ribbons in Web Design

11- Ribbons


Ribbons 30+ Ribbons in Web Design

12- Elevated Imagery


Elevated-Imagery 30+ Ribbons in Web Design

13- The Combine 2010


The-Combine 30+ Ribbons in Web Design

14- Paris Jones

The delicious red of the ribbon makes the band name Paris Jones pop out here. Even though the text treatment is rather subtle, the bold pattern ensures that you notice it.


Paris-Jones 30+ Ribbons in Web Design

15- Rapping Paper


Rapping-Paper 30+ Ribbons in Web Design

16- Tanya Merone


Tanya-Merone 30+ Ribbons in Web Design

17- Alexandru Cohaniuc


Alexandru-Cohaniuc 30+ Ribbons in Web Design

18- Urban Airship


Urban-Airship 30+ Ribbons in Web Design

19- CJs Favorites


CJs-Favorites 30+ Ribbons in Web Design

20- Letter Learner

The ribbon nicely frames the name Letter Learner here. Also, the page is laid out as a single column; the ribboned title encourages the user to start their journey at the top and flow down from there.


Letter-Learner 30+ Ribbons in Web Design

21- Alex Pierce


Alex-Pierce 30+ Ribbons in Web Design

22- Aint Rocket Science


Aint-Rocket-Science 30+ Ribbons in Web Design

23- Insurance company


Insurance-company 30+ Ribbons in Web Design

24- Freshthrills


Freshthrills 30+ Ribbons in Web Design

25- Bakery online store


Bakery-online-store 30+ Ribbons in Web Design

26- Personal portfolio


Personal-portfolio 30+ Ribbons in Web Design

27- Rockaholic!

On the rather unusual Rockaholic!, the ribbon directs the user’s attention down, playing nicely into the vertical scroll of the website and helping the user dig into the content.


Rockaholic 30+ Ribbons in Web Design

28- Dhiraj Singh Karki

I always love designs that depart from convention. The portfolio of UI designer Dhiraj Singh Karki is just such a website. Here, the ribbon is used rather cleverly and does not pack nearly the same visual punch as on other websites. It blends right into the page and yet has enough style to keep the design from looking too simple.


Dhiraj-Singh-Karki 30+ Ribbons in Web Design

29- Banneton


Banneton 30+ Ribbons in Web Design

30- Tapp3


Tapp3 30+ Ribbons in Web Design

31- Gavin Wyatt


Gavin-Wyatt 30+ Ribbons in Web Design

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

Your email address will not be published.
Required fields are marked *