Design Trend: Ribbons, Badges and Banners

Published in Galleries

If you browse around many websites, especially design galleries, you’ve probably noticed the trends of using elements like ribbons, badges, and banners in web design. Ribbons with a 3D look are especially popular right now. In this post we’ll showcase 30 websites using these types of elements.

Olive and Twist

Olive and Twist

The Web IQ Quiz

The Web IQ Quiz

WPCoder

WPCoder

Wake Forest University Stores

Wake Forest University Stores

Quote Roller

Quote Roller

Letter Learner

Letter Learner

Ruby Bots

Ruby Bots

One Thing That Matters

One Thing That Matters

Ryan O’Rourke

Ryan O'Rourke


WebzGuru

WebzGuru

Paper Damsels

Paper Damsels

Joey Rabbitt

Joey Rabbitt

LessMoney

LessMoney

Forefathers Group

Forefathers Group

Legal Services of Southern Missouri

Legal Services of Southern Missouri

Ebridal

Ebridal

Moving (Magento Theme)

Moving (Magento Theme)

Decorama

Decorama

The Combine

The Combine

Cake Sweet Cake

Cake Sweet Cake

Lense

Lense

tehCpeng

tehCpeng

Pixel Stadium

Pixel Stadium

Cabedge

Cabedge

Fudgegraphics

Fudgegraphics

Nitnat

Nitnat

AdDaddies

AdDaddies

Yowza

Yowza

Run Do To-Do

Run Do To-Do

Assistly

Assistly

For more design inspiration please see:

Ebook

Free E-book: Freelance Designer's Guide to Multiple Income Streams.
Enter your email address.

14 Responses

Timmy August 23rd, 2011

I miss http://momworx.de in this List. Nice Design. Badges, Ribbons, Vintage , Retro Design from a German Web-Developer.

Debbie August 24th, 2011

I looooove your list, i am in love with those things. ( used it in my website too : ))

Amelia Johnson August 24th, 2011

This was a huge list to get through. Ribbons, badges and banners are a really strong trend at the moment and also texture, everyone is texturising their work. I feel in someway however that I am getting slightly bored of the same things being used – copycat styles and designs. It actually puts me off using ribbons. I’m excited to see what the next web trend holds!

Ohmz August 24th, 2011

Great collection you’ve got there

Vandelay Website Design August 24th, 2011

Amelia,
For those of us who are online all the time and see a ton of websites, that’s definitely one of the downsides of trends.

Stewart August 24th, 2011

Great list for some inspiration

aledesign.it August 25th, 2011

Nice list..some ribbons are really good. A good collection for see what there’s around the world! Thank for sharing and ideas.

Jason August 26th, 2011

Hey! Quote Roller is not just a trend of design but a great web-service to create and manage proposals! Great job guys!

Tiffy Tifacola August 28th, 2011

I do a lot of Metal and Hardcore Rock Band Web Design, I’ve been using ribbons and banners for like EVA! (4 years now at least)

web design hull August 29th, 2011

Great collection, I really like the ribbons that hang down from the top of the page, no doubt we’ll all get bored of them soon though!

CreativeSen.se September 1st, 2011

Nice collection. I really like the new trend in web ux design and where it’s going. Web is getting more usable.

Shameless plug: checkout my latest project CreativeSen.se for more such ux design references.

Tefft, Sarah September 15th, 2011

It really looks good, I also love putting ribbon with my banner in i think the design fits on my blogs.

Thanks a lot :’)

Lauren September 21st, 2011

These lovely websites make the reason ribbons & banners remain popular in web design obvious; it looks nice! Thanks for the inspiration.

Miky September 4th, 2012

All these collections are very good and very useful for me. I am searching such like banner design print, Thanks a lot to giving these banner ideas.

Leave a Reply