Web & Patterns: patterns for a better web.

A current trend in web design is embedding huge search form in your website’s header: here you a re a clear example of this style taken from Precinkt, a showcase that features places to visit in specific areas all around the world.

A nice example of a heavily styled 3D pagination, with strong but clear hover effects.

A simple roll-over effect creates a clear double menu navigation.

It’s beautiful when background images help you to make out the meaning of websites you’re visiting, creating a nice visual experience but also providing you an information. In this case the many coloured threads woven in a tidy rope perfectly highlight the mission of FeedStitch, an online application that lets you pull data feeds from [...]

A subtle gradient treatment makes these try/buy buttons nice and elegant.

On Justquoted you can find tons of interesting famous quotes that can make your conversation even smarter than they already are. The full-option listing it’s designed not only to display gracefully these witty quotes but also to promote conversation about them.

A nice Iphone app for checking your SEO and a lovely logo build on a quite usual analogy between magnifying glass and search.

Mixing different weight and style and, possibly, different typefaces, is one of the most ancient trick in modern typography. The risk is that sometimes text is not enjoyable or readable, but we think this is not the case.

A simple infographic introduces WWF’s French campaign “protect the forest”. They are both commendable website’s aim and graphics.

Tasty logo and recipes from Madeinkitchen, a web portal and community for people who love food and good cooking.

Another clean and simple 404 error page taken from Brightkite‘s website.

Nice error page from Springload, a smart duo agency,.

An interesting question: shaping your website menu as a navigation tree makes your website’s navigation clearer and more understandable?

Your Flowing Data is a great online app that lets you record personal data using Twitter’s direct messagge. The project scope is simple: if you start collecting and registering tiny facts of your life every day, later you will be able to analyze the choices and behaviours your data will reveal. There are different kinds [...]

Gradually revealing your website’s content is one of the most important trick to learn because helps your readers to easily focus on a few, relevant, informations and helps you keeping the design clean and uncluttered. One of the most common trend in grouping and progressive revealing content is making them slide using transitional effects (in [...]

Even if mega drop-down menu perform better than the regular ones (at least according to this Jackob Nielsen’s study), I still don’t love them. Except for cases like this, when, huge panels makes me understand at a glance the whole website’s taxonomy, sparing me the time of browsing endlessly from a level to another and [...]

Can you judge a book by its cover? And a creative agency by its about page? I really think so: here you are a creative “about us” page form the award winning agency Muccadesign, that consists on a list of pics arranged on a simple squared grid. Faces follow your mouse movement with a nice script [...]

MenuPages.com is simple: Before you go there, you come here. We’ll help you find the restaurant that’s got the food you’re craving in the neighborhood (and price range) you want. Not up for going out? Download a delivery menu from your favorite takeout place. Being here in Milan, we cannot benefit from all this,but we [...]

A beautiful home page made only by infographics, that work as well as navigation system.

The day is coming when you can walk on your bare feet for this charitable event: people are asked to go the day (or part of if or even just a few minutes), barefoot, to experience a life without shoes first-hand for spreading awareness about the impact a simple pair of shoes can have on [...]

Happycentro is a creative web agency based in Verona: I immediately loved their unsual, strange and perhaps aggressive color palette and the logo design, obtained by rotating several time a square module.

Who’s afraid of big glossy buttons? Though they’ve been on the scene by years, they’re still the most common and direct way to create “call to action”.

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 [...]

I’m sure it was here…last time I checked: beautiful humorous 404 illustration from Bol.com.

Clear and minimal, this pic taken from Asylum (now a section of The Huffington Post) provides a nice example of comment listing with rating buttons and reply indent.

Food blogs never fail to surprise us with both delightful recipes and visual treats, such this logo swapping the O with a pan.

A slightly embossed alphabetical menu lets you browse this website displaying tons of free fonts to download.

Inspired by the inclemency of today’s weather in Milan, here you are a nice iphone app and inspirational form at the same time: Umbrella Today? is the easiest weather site on the internet, answering to the eternal question: Do I need my umbrella today?

Pagination and main navigation links are both displayed on a beveled toolbar, duplicated at the bottom page: I think it’s really clever how Eico’s design have unified in one place back/next button, category, year, name of the project and link back to the portfolio’s home page.

An antique callout box with a jagged edge introduces each section of this exquisite, old fashioned web site.