Web & Patterns: patterns for a better web.

This nice illustration fits perfectly the overall cosmic theme of the site.

The Twitter timeline streamed on the page left of Travelled is really delicious.

A nice error page from the popular iphone app Miso.

A big,nicely styled skull displays if hovered over, an useful back-to-top function.

We loved the nested footer at Smartsites, a small company specialized in responsive webdesign. Actually we dig the whole website that displays an amazing attention and care in each detail: check out the about page and the worker’s profile toolbox photograph.

Love this nicely illustrated login error message, taken from laFraise.

I was casually browsing the Daily‘s website when I catched a little detail in the home page: as the slideshow progresses, a paging made by little icons lights up, making the slide’s topic clear. By the way, I really dig the blue/purple textured buttons.

Kangaroos: we can’t get enough of them. Ever.

The unusual position (almost at middle page) makes this simple breadcrumbs trail less conspicuous: it’s not a big drama, since the main navigation of this online shop is very clear and simple.

We’ve already showcased a few examples of one-page website design but what makes this one memorable is the little rectangular hole “cut” in the upper left corner, exposing the scrolling background and working as breadcrumb trail: when you click on the menu, the page scrolls vertically and when it stops, the title section can be [...]

A nice black and white page using a three column layout: the nonaligned content boxes break the design scheme, bringing this page to life.

The sad tape icon just made me stop and laugh.

Vintage inspired dropcaps polish the impeccable typography of Adrian Pellettier‘s blog portfolio.

Good proposition for this year: design more. So that’s why I’ve designed this free desktop wallpaper. It comes in the following resolutions: iphone, ipad, 1280×800, 1280×1024, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440. You can freely use it for personal and non-commercial purpose.

A shopping basket placed into the footer area, next to product suggestions and nicely enclosed in a decorative scribbled frame: brilliant!

Designspiration provides a diverse selection of high quality, user-submitted images: if you want, you can also select out images within a specified color or color range, by picking your choice from this awesome palette.

An useless yet fascinating navigation, replicating Google Maps UI, welcomes you to Kelli Anderson‘s website.

I find black and white layouts so sexy: especially when, like in this case, text is center aligned, set in a large column, with big leading and with small, lovely serifed numerals. As for the contents, Inventory Magazine is a trendy publication dedicated to featuring on some of the most inspiring and talented people in [...]

You can’t get much simpler (and elegant) than this: a silhouette logo mark, clean typography, two-toned color scheme and sparse graphic elements. Oh, this blend tastes so good!

CommendableKids.com allows parents, teachers, and anyone who cares about children, to register a child and begin awarding them badges for their hard work, milestones, skill developments and anything else you believe deserves commending. Love these simply yet greatly styled badges and their perfect color-schemes.

This colourful specimen of pagination is taken from the State of Wikipedia, a website that explores and exposes the rich history and inner-workings of the most famous, web-based encyclopedia.

We simply love Tiffany Farrant work. Check out her work!

Witty quotes fade in and out in this nice colophon displaying all the powers of css3 and html5.

Semantically speaking, we could say that in this logo form matches the meaning perfectly. Typographically speaking, we admire the cunning way the “n” right stem extends beyond the baseline to match the “u”. To put it simple, we think Wonderful Union website’s logo it’s great and we wanted to have it here in this gallery.

I love when background illustrations merge with the website’s interface creating a funny and occasionally absurd artwork.

The link is broken: can’t you see it?

What’s the difference between a real Photoshop menu and a fake one? The Facebook like button Now you can say you’ve seen the thumb up button really everywhere.

How come all the big company can’t embrace a smart, direct, lively communication style like this?

In this tumblr theme, a nice green footer with a pivotal, ornamental badge, mirrors header’s shape and colours, creating an interesting visual doubling effect.

I was casually browsing on Coolhunting when I noticed two simple navigation features I really liked. A collapse and expanding option: huge headlines and/or long summaries are a steady trend in nowadays websites (or is this all simply a plot to force us into buying bigger screen?) so it’s good having a feature that let [...]