Web & Patterns: patterns for a better web.

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.

A good logo design can play a significant role in enhancing the memorability of your business and/or website. I love (and I find it very effective) when you can play on the primary logo design creating variations, which might be helpful to the communication of your services and to capturing interest on your brand as [...]

Frank Chimero has explored the typographic and expressive possibilities of Web Open Font Format, creating this beautiful scrolling page.

Authentic Jobs is a job board website designed by Cameron Moll which specializes in connecting companies with creative professionals. Candidates are easily able to filter the job listing using different kind of filters: among them, a nice drop-down form make the offers sortable by geographical proximity.

The Human Rights Logo Challenge is a global contest whose aim is to create a human rights logo “by people for people”, thus making a contribution towards the global spread and implementation of human rights with the support of a large public. The contributions and their provenance are nicely displayed on a Google map. You [...]

Listgeeks is a social network designed for creating and sharing lists of things: lists boxes are neatly set on a 3 columns, almost square-based, grid; their vivid colours invigorate a strongly geometrical sequence that, otherwise, could have turned out cold and “discouraging”.

An unmistakable example of perfect minimalism in breadcrumbs webdesign. The color of the highlighted link will change everyday according to this.

An interesting example of concept map showing the relationships among Wired Magazine contents. In other words: The Wired mind is a visualisation tool that provides another way to browse the content on Wired.co.uk. It’s been created in partnership with Microsoft’s Internet Explorer 9 browser to show off some of the great things you can do [...]

This piece is taken from the web design portfolio and project gallery of Rhode Island based web designer Jeremy Girard.

A nice tabbed form on the top page lets you sign in to this famous bookmarklet app.

The distinction and hierarchy of the different offerings are expressed by arranging the graphic elements on a fake perspective.

I’m really excited to introduce to you Movie Title Stills Collection, one of my favourite references on the web for what concerns vintage (but also recent) typography. I’m really thankful to Christian Annyas for providing this huge collection of screenshots and such an incredibile inspirational resource.

A simple way to entertain your users while they’re waiting for search results. In order to see it, you have to click on the “find a hotel” button on the left page.

A segmented button allows you to feature two or more different actions using only one GUI element. In this example, active areas are colored while the price information, though it’s framed in a major graphic element, is just selectable text .

According to the Gestalt psychology’s Law of proximity, things that are near to each other either physycally (in this case visually) or chronologically, are likely to be perceived as related. So, if your header accomodates different kinds of link (e.g: some for the website navigations and some for the user’s account management) it’s a good [...]

Beautiful and funny “about us” page: since we don’t have such category, let’s pretend we’ve liked the copywriting. I really suggest you to visit the external link (on the upper left corner).

For the moment being, Tarnica aka Taito Ichi’s portfolio is under construction, but these giant pink trees are really glad to keep you company.