Showcase: Social Media Buttons

Fabian — Wed, 13 Aug 2008 08:14:37 +0000

Social Media sites like digg and delicious have become of great importance for the traffic of a blog. Everyone wants to be dugg so every blogger adds social media buttons to their blog. But sometimes it’s very boring, all those standard ’share this’ and ‘digg’ widgets on every page. Luckily there are some designers who melted the social media links into their design. 29 creative examples:

1. CSSGlobe

Icons for Digg, StumbleUpon, Reddit and DesignFloat. Unobtrusive and stylish.

2. Snook

These two buttons got a nice place in the article footer. The ma.gnolia icon fits great with the green colour.

3. Webdesigner Wall

The social media buttons are placed well and fit great in the design. The handdrawn ‘Digger’ makes the standard digg widget a great design element.

4. Woork

Woork has an ‘Add to delicious’ button in a nice, handwritten font combined with a speech bubble with the count. The compact digg button is more standard, but it looks good in this lay-out.

5. Ars Technica

Ars Technica uses a nice homemade digg button with counter.

6. I Can Has Cheeseburger

A few cartoony buttons in a own style. Very creative!

7. I love Typography

Four small black and white buttons with smooth rounded corners. Nonobstrusive and stylish.

8. Noupe

Noupe uses three small icons. The look good, but it bothers me a bit that they aren’t transparent.

9. Lifehacker

A few really small social icons.

10. Problogger

The icons themself are not special, but the list fits great in the columned design of the article footer.

Other Examples:

Opera Development Blog

The Watchmaker Project

The Trend

The most common place for the social media buttons is the footer. However, some designers are experimenting with other places like the post title or first paragraph. Plain text links are getting more popular too. There are still a lot of standard buttons out there, but the small icons (16×16 pixels or a bit larger) are getting more common, which I think is a good development.

I hope you got some inspiration and if you have encountered other creative and nonobtrusive examples, leave a comment and tell it and I will add it to the article.

Onyx Design Weblog » Showcase