We have a thing for Finnish webdesign and we sure love the global appeal of this super green website, even though we don’t master Uralic-related language: the letterpress effect has definitely made its way to our favourite text style for headers and buttons, the menu layout polished to the pixel with the pointing arrow inserting [...]
in
Comments & Call-out,
Menu & Navigation
An antique callout box with a jagged edge introduces each section of this exquisite, old fashioned web site.
in
Comments & Call-out
Comment listings are looking more and more like little forum appendix, hanging at the end of articles and posts: here you are a multinested, multifunctional comment listing from The Huffington Post, the revolutionary newspaper project from Arianna Huffington.
in
Comments & Call-out
This comments listing, taken from Jon Tan’s website, is an excellent specimen of good type treatment (the text is consistently set on the same baseline across the two columns), minimalistic use of horizontal rules to divide content (single and double) and just a gray/black scheme for the text treatment.
Simplicity is not that simple, is it?
in
Comments & Call-out
A nice callout box that made me click, though it perfectly melts into the overall graphic context (no blinking, no huge types, no graphic contrast).
3 good qualities converge in it:
nice, not overbearing illustration;
good typography (big but not loose lineheight; use of different font weight to stress out the most important words)
a good copy: alluding to my competitors, makes [...]
in
Comments & Call-out
A nice call-out box and its mouse over effect (on the left) from Stanley Solutions’ website, which is a copywriting and editing company based in India. We liked the read on tab stiking out at the bottom.
in
Comments & Call-out
We love the extreme simplicity and elegance of this comments listing from Cultured Code forums: simple but great typography and a fading call-out box gently receding into the background.
in
Comments & Call-out
Art in My Coffee is a Tumblr blog and community which catalogs funny latte pics from all around the world. We love the delicatly shaped mug and the general warm, caffeinated color scheme: besides we couldn’t expect less since it’s been designed by Meagan Fisher, the mastermind behind Owltastic.
in
Comments & Call-out,
Logos
This is a quite innovative and original comments listing example that comes directly from Particletree’s blog: setting the comments on two columns instead of one let you squeeze the discussion into a more compact, less dispersive space, with the side effect of making eventual question/answer/reply threads less legible.
in
Comments & Call-out
You can create an effective callout box simply by breaking layout grid, playing a bit with typography or/and colours and nothing more.
As you can see from the pic, here you are an elegant way to create associating annotations, mostly seen on newspapers but that works superbly on websites as well.
in
Comments & Call-out
An original and funny tweets box with alternating avatar icons. It really put a smile on our face.
in
Comments & Call-out
Though comments listing are an essential asset in blog webdesign, we feel they’ve been slightly neglected here in W&P. So here you are an inspirational comments listing from Design snack, a beautiful socially-powered design gallery recently redesigned.
In this case we loved very much the bubble that comes from the avatar without disrupting the listing cohesion of [...]
in
Comments & Call-out
Psdtemplate is a really handy blog, full of resources for webdesigners and rich in tutorials and tips (and obviously it’s in our favs list).
We loved the rather fully equipped rating system displayed in the comments listing, by which you can add/remove score to a comment and even submitting it to admin’s attention (exclamation mark).
in
Comments & Call-out,
Ratings
This is a powerful callout box found in Income diary, a blog that hopefully will teach us all how to earn an additional income from the Internet.
Apart from the blog’s lofty ideals, I really think that in this case the association of a street sign icon with a heavy typography and a bossy copywriting can [...]
in
Comments & Call-out,
Copywriting
Tools for Schools provides customized back-to-school supplies packaged in personalized kit.
The big pencil illustration, the fake clumsy calligraphy, the dashed lines surrounding callout boxes and form fields, the scissors, it all stirs up memories of events long ago.
in
Comments & Call-out,
Forms