Design Trend: Ribbons, Badges and Banners

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:

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

14 Responses

Comments are now closed on this post.

  • Timmy, August 23, 2011

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

  • Debbie, August 24, 2011

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

  • Amelia Johnson, August 24, 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!

    • Vandelay Website Design, August 24, 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.

  • Ohmz, August 24, 2011

    Great collection you’ve got there

  • Stewart, August 24, 2011

    Great list for some inspiration

  • aledesign.it, August 25, 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 26, 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 28, 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 29, 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 1, 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 15, 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 21, 2011

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

  • Miky, September 4, 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.