A plant extending out of its pot, sustains this website’s footer, underlining the organic and green inspiration of this blog. Fight for future in fact all about environment: an interactive online campaign dedicated to educate and create awareness on protecting and conserving the Mother Nature in the most easy and fun way. It is like a [...]
in
Footers
This huge semi-transparent button obviously steals the show from any other graphic elements. By the way, when they say “give a goat”, they mean it. Literally.
in
Buttons, Bullets & Badges
A brilliant logo concept consisting in a single continuous line drawing a light bulb.
in
Logos
Contact forms set on a paper, usually a grungy or stained one, are not so unusual on the web: but while text inputs are commonly aligned vertically inside the form area, in this case they’re scattered among paragraphs in a way that makes you think you’re writing a real letter. Text alignment, slightly tilted, enhances [...]
in
Forms
An example of extremely minimal, black and white layout, taken from Trent Walton‘s personal blog.
in
Grids & Listings
Loved this food icons set about food and cooking, found on an interesting culinary blog called Recetas de rechupete.
in
Icons
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 [...]
in
Comments & Call-out
I really can’t remember why (serendipity, I’d suppose) but recently I’ve stumbled into the Gates’ notes, the website that spreads probably worldwide most famous mogul’s thoughts about the matters such as philanthropy, climats, development… Apart from the fact that the whole thing is written in the third person, which really gives me the creeps, I’ve found [...]
in
Menu & Navigation
Overlapping vector illustrations entwine to create a powerful pink footer.
in
Footers
It might be redundant but we love the mouse over effect on Simplebits: though linking the home page from your website’s logo is probably the most common standard in web design, we like the way Simplebits’ tap gently peels revealing a little home icon underneath.
in
Logos
Sometimes the previous/next alternative may oversimplify navigation but if Ux Hero choose it for his own blog who I am to disagree? Moreover, I’m quite fed up with infinite numerical pagination.
in
Paginations
A nice error page, clearly shaped as a navigation flow chart, from Konigi‘s, a reference website for what concerns user experience and interface design.
in
Error pages
Yellow is a powerful, cheerful colour but rarely used in webdesign because, I suppose, of its inner lack of contrast. You can find it quite likely associated with black or, as in this case with cyan, and it’s often used in design-related websites. This time, we want to show you this nice, huge yellow tabbed [...]
in
Menu & Navigation
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
Two things at the same time: a nice, fresh web logo and an inspiring logo collection from Jordan Gray‘s portfolio. Here you are more infos about Jordan: My name is Jordan Michael Gray. I’m a graphic designer, independent filmmaker, former print-news editor, and I currently work as an art director for Bernstein-Rein Advertising. I also [...]
in
Logos
Could you tell the difference between the breadcrumbs and the navigation? When both are displayed it’s quite obvious, but in other pages (look at here) it’s not. Though it might turn out to be a nice graphic expedient, I think it could be risky to disguise one user interface pattern (navigation menu) as another. (breadcrumbs [...]
in
Breadcrumbs,
Menu & Navigation
Brown typography and a wood texture give a natural, warm hint to the page while the nicely scribbled horizontal ligns complete the organic quality of this comment form .
in
Forms
Minimalist web design it’s one of our (many) recurrent thoughts when reviewing websites. It’s really tough to come to inventive, not bare-looking solutions when you strip a website of every graphics assests and you’re not allowed to play any of the usual webdesign tricks. So we really loved this simple HTML menu, a nested list [...]
in
Menu & Navigation
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 [...]
in
Comments & Call-out,
Copywriting
We’re fond of the illustration. We adore the palette. We’re puzzled by the copy and enthralled at the same time. Great job Huwshimi!
in
Copywriting,
Error pages
Carsonified is really a studio we wish we could work for: we passionately follow their famous blog Think Vitamin and we admire their great style. So we are proud to introduce you their quite famous error page based on awesome illustration and funny copy. We love as well the heavy use of Cooper for the [...]
in
Copywriting,
Error pages
According to the website’s About page, Hitotoki is a Japanese noun comprised of two components: hito or “one” and toki or “time,” and is often translated as “a moment.” In common usage, it can be used to describe any brief, singular stretch of time (if we share a meal someday, you can call that a hitotoki). To [...]
in
Menu & Navigation,
Typography
You’re looking for an Owl and what you get? A one-toothed cat photograph. That’s what happens when you run into Meagan Fisher’s inspirational 404 error page.
in
Error pages
Shopping lists is a fab typographical project: this blog’s aim is turning little lost shopping lists into typography posters, showing that some poetry can be found also in a neglected piece of paper, trashed onto some store’s floor. For each saved specimen, Shopping Lost displays the original shopping list, who found it, where it was [...]
in
Typography
This loooong 404 error page text from Jason Santa Maria’s blog made me chuckle. Oops! There isn’t even a remotely meaningful page here; not unlike the rest of this site. At least some of the other pages have some pretty pictures to look at. Why don’t you try starting again from the front door? Or [...]
in
Copywriting,
Error pages
TehCpeng is Shen Hang’s personal blog: Shen’s a Malaysian engineering student, a capable photograph and a devotee of the-C-peng which is this visually stunning tea drink. While we’re looking for where to find the-C-peng in Milan, we’d like to show you the cafeteria badge hanging on the top right corner and the red/yellow tabs, you can [...]
in
Buttons, Bullets & Badges,
Comments & Call-out
Letterpress styled text seems to be quite a popular typographic trend and I’ve been positively struck by the way it’s displayed on Tyler Thompson‘s blog because I think in this case it really helps users with reading negative text. Tyler, creative director at Squarespace, simply applies the css3 text-shadow property, that’s been available in Safari since the [...]
in
Typography
We’re definitely happy when our brave colleagues dare to use non-standard fonts on their websites. In fact, compared to graphic designers, our lives are gloomy and sad, having to deal with a so narrow typographic range and we all rejoice when, instead of feeling deprived and miserable, some of us has the guts to break [...]
in
Typography
I was quite fed up with charts I’ve been drawing for the web site I’m working at, finding boring and pitiful that I had to deal with simple and non-creative forms (such as bars or pie-charts) while other designers, with less restrictions, are able to design beautiful and inspired infographics. I’ve started dreaming about using complex [...]
in
Tables & Infographics