Web Design Trend Hunting – The Circle As A Design Fetish & 20 Fresh Examples

You can’t browse a decent CSS gallery without spotting a few websites with this sexy round detail, usually on the left, usually with a logo or a name in it, and usually extended as a favicon. We begin our journey with one of our favorite CSS galleries, the clean & creative oriented siteInspire and get to the biggest circle fetishist out there, which seems to be Richad Perez of Skinny Ships. Any comments and suggestions are highly appreciated!

siteInspire

siteinspire

Purple, Rock, Scissors

pruplerock

5pieces

5pieces

Cooper Lumen

cooperlumen

Tink

tink

Uzik

uzik

One International

one

Campbell Hay

campbell


Proud Creative

proudcreative

Public School

publicschool

Beyond the Pixels

beyooundthepixels

Garriock & Associates

ga

Monk

monk

Zara Picken

z

Future Buro

futureburo

Rick Banks

rickbanks

Remote Location

warp

Estetically Loyal

aestetically

Skinny Ships

skinnyships

So, as Banksy said:

thx jorge martins!

Catalin is the founder of Mostash - a social marketing boutique - and he's always happy to share his passion for graphic design & social media.

 
Inspired Mag recommends Elegant Themes - 69 brilliant WordPress themes for only $39!
Backup Buddy

Each of the 69 premium WordPress themes from Elegant Themes comes expertly coded in valid XHTML and CSS, and all are made compatible with the latest version of WordPres. Eeach template performs flawlessly in each of the most widely used browsers to ensure maximum functionality. Furthermore, all sidebars are made widget ready for your convenience.

  • Cross-browser compatibility guaranteed
  • Intuitive theme options page gives you control
  • A focus on support and community
  • Frequent theme additions and upgrades
Find out more about Elegant Themes

Comments

  • davidperel July 28, 2009

    Damn you beat me to it. I have also been collecting sites which follow the circle trend. Nice round up though, you got some which I missed. Personally I am enjoying this trend, I like the softness that they give a site.

  • inspiredmag July 28, 2009

    Ha! Glad I was faster :P
    Congrats for your new start guys, thx for the comment, cheers!

  • Faramarz Hashemi July 28, 2009

    Fantastic list! I like this this site. you got yourself a new fan

  • Chris Robinson July 28, 2009

    Nice roundup

  • jorgemartins July 28, 2009

    As Banksy said:

    “Most Things Look Better When You Put Them In a Circle”

    http://bit.ly/uGNfA

  • Captain_Howdy July 28, 2009

    Great article! I love reading about these design trends. One day I'll update my blog(s). One day. Haha.

  • Graham July 29, 2009

    Nice collection, very interesting how so many are using the circle is very mych the same way.

  • Ram July 29, 2009

    Circle design: http://sjelensspeil.no

  • Clark July 29, 2009

    Everything looks better when you put it in a circle

  • Aen Tan July 29, 2009

    How about http://ateconsulting.net/? It only has circles, text and scrollbars.

  • Aen Tan July 29, 2009

    How about http://ateconsulting.net/? It only has circles, text and scrollbars.

  • inspiredmag July 29, 2009

    Wow, Ate is on the top of the wave :D Nice find Aen!

  • inspiredmag July 29, 2009

    :)) Didn't know about this one, I'll add it to the post right now, thx!!

  • inspiredmag July 29, 2009

    Thx Faramarz, pls stay tuned mate!

  • sahus July 29, 2009

    very nice list! surely the circle designs encompass the companies branding and logo design so in their cases it's not really a trend but something that will stick with them for a long time!? However this has given me some inspiration for a new logo design so thankyou!

  • benjamindauer July 30, 2009

    Nice examples. Here's another (also and incredibly inspiring source of design related work):

    Grafik Cache: http://www.grafikcache.com/

    Cheers

  • Jens Muster October 21, 2009

    Saw loads of that shape on here! http://noncollective.com

  • Jenson Media November 7, 2009

    Some great sites there, well done!

    Here is another resource for inspiration and some quality free fonts…

    http://ripetype.com.au

  • alone January 20, 2010

    Great post!! Thank you!!

  • Phil D. January 20, 2010

    Nice roundup! I too love the circle

  • Tim Canny January 20, 2010

    I was thinking the same thing about circles when I designed these logos :] –
    http://www.cafepress.com/gigocorp.284937986
    http://www.opensourcecatholic.com/about-osc

  • ester January 21, 2010

    The circle recall the ancient use of seals. The use of this shape is deep connected with the communication. Many old Italian Universities have their logo round.
    Nice theory anyway, I’ll try it me too. ^__^

  • Douglas Bonneville January 21, 2010

    This is a well-rounded list. I’ve circled it for further consideration. Had a ball reading it. Didn’t know circles had such a large sphere of influence in design trends.

    I guess if you are looking to be trendy, there is no point reinventing the wheel. Just copy what others are doing, regardless of the circular-logic you might use to justify your rip-off.

  • Rob Russo January 22, 2010

    @Douglas Bonneville

    You had me rolling in the floor … almost laughing.

  • gabriella May 27, 2010

    Love it! Thanks for posting this. I am in the process of rebranding my company’s website and logo, and my boss just approved a new logo with….circles!

  • Matt November 6, 2010

    How about that slick edition number circle over at A List Apart http://www.alistapart.com/

  • Azhar Kamar April 30, 2011

    I love circular logos, I just made one for my blog a few weeks ago (the one in my gravatar). My logo was inspired by Ars Technica’s.

  • jamus September 2, 2011

    Nice post. Here is one I’ve been recently been involved with. Lovely free Ebook too. http://www.youarethemapmaker.com/

Leave a Reply

Trackbacks

Hosted By

7,272 Friends & Subscribers

Newsletter

Signup for our newsletter

Ads

Aff Ads

Elegant Themes
My Recommended Hosting Service
Try Market Samurai now for free!

Ads 2

Recent Comments

  • Boise Webmaster: I really like the Cassius site. Awesome use of color mixed with black & white.
  • John: Nice list. Here’s one that is being used on a professional manner: http://www.mantis-tgi.com Navigating...
  • Cincinnati web design: Its really funny to see some of these comments from two years ago. Lets see if the iPad gains...
  • deborah: well it’s 2012, what are best apps today?
  • wer: My favorite tumblr right now is braceli.tumblr.com all about eye candy art but also greasy sandwiches, ice cream...
  • Rafael Marques: thanks for the opportunity =)
  • Peter Green: How about http://www.volgaverdi.com, probably the brightest site ever
  • Robert Samuel: Being in marketing, I knew that advertisement overload was an inevitability. Anything that takes off...
  • Brian morgante: thisiswhoi-am.tumblr.com – a place where individuals have a platform to share their hearts,...
  • Justin Carroll: What you call “Man Power” is by far the number one problem with companies and social...
  • Ben G: There are too many advertisements on this website. Great architecture in the article though.

skyscraper

Evanto

Smashing Network