Web & Patterns: patterns for a better web.

Floral menu and  layout for a company that deals with eco-sustainable projects.

The logo on Jon Tan’s blog is made entirely with HTML code and CSS (no images).

Huge chose the way of an absolute minimalism to present itself to the market: a typographical heading gives character to pages otherwise devoid of any visual treatment.

Twitter error page, the popular micro-blogging platform.

Wefollow, the directory of the most followed Twitter, is arranged in square blocks of 5 elements, each linked to a particular topic. 
The result is certainly more readable of the endless list that typically are used in directories websites

Alltop navigation menu allows you to browse contents by topics or by letters.

Pagination on Image Spark, an interesting service that allows you to create not only galleries but also moodboard, is fairly unusual drawn as tabs.

Ballpark price plan Ballpark visually shows how the costs increase proportionally to the range of services offered.

Cheery illustrations on Think Orange website, a Portuguese design studio.

The home of Foodfeed is disarmingly simple: above a search form, to right a column with the last feeds and to the left the instructions to the service in 3 little steps.

Breadcrumbs trail in Uncover.com is extremely graphic and cleverly makes overlapping the logo and the starting point of the path.

Sometimes an editorial choice may defuse the “panic” caused by an error message.

The contact form becomes a graphic element perfectly fitted in context, with a high vsibility and a dark background. Is also of interest the alligator background leaning on the footer and being used , e.g in the company Twitter, as a logo.

A nice way to present data sometimes a bit boring.

Seed Magazine uses an original classic tagcloud, which becomes a vertical element that complements the text with the correspondent tags highlighted: an unusual navigation but very explicit and effective.