Web & Patterns: patterns for a better web.

Nice and funny logo from a German web agency specialized in coding, that is brilliantly converted into a witty favicon (check the website).

The system’s error screen, known also as the Blue Screen of Death, is a touch of class in this simple 404 error page taken from Behance, the online community for creative professionals.

André Gonçalves‘ portfolio is visually built around a set of astounding geometric illustrations that define and characterize his website’s identity.

A nice example on how to create an original and captivating home page, using charts and infographics.

Shyama Golden is a very gifted illustrator and designer, as you can see from the snippet we’ve taken from her portfolio. We love so much her website’s logo and its funny “hover” effect.

A straw poll, generally speaking, is a vote with non mandatory results. In this case, it’s the name of an online app that lets you create tiny daily polls in 140 characters or less, using your own Twitter account. The nice thing about this app it’s that you can vote but also add your motivation: [...]

Trent Walton‘s website displays a hilarious 404 error page, inspired by Ghost Busters characters.

Separated strips of papers, rolled up and entwined, create this fantastic logo for the 2010 edition of dConstruct.

A sketchy illustration style and a soft color choice make this website’s background memorable.

A brilliant logo concept consisting in a single continuous line drawing a light bulb.

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

Verdeo is a Colombian gourmet frozen foods line. Here, you can see their online catalog, accurately designed, from which we’ve snipped a dashing example of pagination.

A watery imaginary brightens up Becmedia‘s website footer: very often in modern webdesign background illustrations unfold organically from the top page to the footer, unveiling increasingly as users go further down the page.

The web equivalent of luxury fashion stores with only few, beautiful dresses exposed, are minimalist carts with reduced command options and spare graphic elements displayed. A good example of this trend in web design is Via Snella, a Swedish male fashion online store unburdened from any superfluous graphical element.

A nice monkey mascot illustrates the steps needed to get started with Stickybit, a nice app for Iphone and Android that lets you link digital contents to every existing barcode: when someone scans it, they’ll see what you have attached (e.g. a video, your curriculum, a song) and you’ll get notified.

If i lived in NY, I’d sure have a Bertelli’s bike: every piece is unique and it combines brand new parts with vintage parts found at a flea market. If you wanna browse BBici’s framesets, you can use the small HTML arrows embedded in the menu navigation, a simple and classy navigation solution.

An example of extremely minimal, black and white layout, taken from Trent Walton‘s personal blog.

Loved this food icons set about food and cooking, found on an interesting culinary blog called Recetas de rechupete.

The scribbled-like baloon and its white background, constrasting the surrounding subtle gradients, draw user’s attention to this simple contact form.

How am I supposed to categorize these impossibly beautiful display ampersands, packaged both as .eps vector files and opentype font? Are they typography or just icon design? While I try to solve this “visual” conundrum, you can take a look at this website and find who really were Haäfe & Haph.

A Modern Eden is a website that will be launched on June, devoted to create iPhone apps for design-lover parents. In anticipation of what you will get this summer, you can take a look at the beautiful collection of geometric animal illustrations and at the matching snake, wrapped around the website’s footer.

Honestly, I think that Last.fm is one of the best web portal ever done, on the design side I mean. My appreciation comes partly from some little clever intuitions (e.g. the avatar-button), partly because of its graphic consistency, which never slips into visual bore. Now I’m wondering if the new Facebook like button, which is [...]

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.