Web & Patterns: patterns for a better web.

Nicely styled button for a funny, little flash game where stylists compete in creating the best outfit.

Fun comes in really unexpected ways: sometimes is just a label on a form button.

Having style requires the guts to throw away every inconsequential graphic element and let the content speak for itself, as you can see in this typographic callout. But sometimes your style will also exude from the gentle refinement given by minor details, like the current page indicator (on the top right).

When you move your mouse over the red button, the pin icon starts its crazy spinning.

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.

I don’t know what’s wrong with myself but the more websites I see, the more I love these one/two columns minimal layouts, stripped of any redundant graphic element.

A split button is a rather creative idea to add an “advanced-search” link to your website’s search area.

Another elegant example of minimal, high-impact layout, based exclusively on columns subdivision and thin horizontal subdivisions.

Interview Magazine‘s home page is nicely split into three columns: one is for the main content, one for extra features or links and one contains a big black box with the section title. When you scroll, the latter is fixed while the others two move down until a new section starts: when it happens, the [...]

Lovely idea: embedding previews into gallery navigation buttons.

This is absolutely one of the best example of scrolling navigation that I’ve seen in a long time: the movement is fast but smooth and the nice ruler-shaped menu on the left keeps the user aware of the “depth” reached.

Love the opposition between the overall, orthogonal layout grid and the lozange masked photo.

Each letter of this website’s titles is coloured in a different shade of the same colour. When you move your mouse over them, titles get a coloured background and the typography slightly changes colours.

An unusual undulate footer painted in a pleasantly desatured palette.

Immediately loved the gigantic (animated when you hover over them) gifs in The Kickin Chicken website’s menu.

Interesting navigation bar displayed on Fuzzco’s portfolio.

If you’re fond of trademark and logo design, you’ll enojoy for sure Stefan Kanchev‘s work.

A cute white rabbit jumps persistently on a pink, stitched badge, making it sink underneath the browser window. A nice visual trick to invite users to scroll.

I love the way these beautiful, full-screen photos slide underneath the layout, working as a “dynamic background”. Actually, you can look through navigation and other graphic elements as though they were a sort of glass.

If you click the scissor icon for three times, Kickstarter‘s footer literally falls down, leaving a “transparent” background.

Newswordy explains using a simple but gigantic sans-serif typography, the meaning of the most used (and often misused) buzzwords. In fact, the project is a growing collection of these words, updated every weekday. Along with each word is a definition, a quote with its use in the media, and a news and Twitter feed on [...]

As long as you scroll the page and make the footer appear, a dreamy “Icarus” smoothly glides from left to right.

Cocollective website’s texts create repeatedly a pun that recalls the agency’s name, creating an element of surprise and memorability.

This “low-fi” logo belonging Stink (an international digital agency specialized in videos) made my day.

Moving the mouse over, makes the clouds disappear and the sign up form shine brightly.

CitySounds.fm is an online radio (and iphone app) that lets you discover music produced in cities around the world. I love the simple and uniform grid, based on a austere rectangular scheme, which conveys the idea of a gigantic button board.

Google error page is kind of fun: the gray captions made me smile.

I find it very classy when text is set across two columns, especially when followed by full width images.

The Inside Source, eBay’s online magazine, is another nice example of minimal design applied to fashion and style. I love the way the pink spots, vividly contrasting the overall black-and-white design, are used to drag your attention on salient assets such as the hot topics or the current item in the pagination.

Today I’m loving Booki.sh logo and its capital B, metamorphosed into a pair of glasses. Booki.sh is a complete web-based platform for distributing, selling and reading ebooks.