Web & Patterns: patterns for a better web.

A nice and quite unique perspective form taken from Breezi’s splash page, an ongoing web application developed by Freshout: it’s funny that, when you click on the sign up button, you almost smash it to the picture plane.

Contrary to the actual webdesign trend of overbearing footers, crammed with links and sometimes not very pertinent references, Fridgework shows us the beauty of a simple five words ending (and a strategically set back-to-top button) .

Have you ever thought about displaying your resume as statistical data, shaped as nice infographics?
Well, Oli Gosling, web developer based in Bristol, did it with beautiful and memorable results.

This comments listing, taken from Jon Tan’s website, is an excellent  specimen of good type treatment (the text is consistently set on the same baseline across the two columns), minimalistic use of horizontal rules to divide content (single and double) and just a gray/black scheme for the text treatment.
Simplicity is not that simple, is it?

A nice callout box that made me click, though it perfectly melts into the overall graphic context (no blinking, no huge types, no graphic contrast).
3 good qualities converge in it:

nice, not overbearing illustration;
good typography (big but not loose lineheight; use of different font weight to stress out the most important words)
a good copy: alluding to my competitors, makes [...]

I really can’t remember why (serendipity, I’d suppose) but recently I’ve stumbled into the Gates’ notes, the website that spreads probably worldwide most famous mogul’s thoughts about the matters such as philanthropy, climats, development…
Apart from the fact that the whole thing is written in the third person, which really gives me the creeps, I’ve  found interesting [...]

Overlapping vector illustrations entwine to create a powerful pink footer.

Granted that teehan+lax website portfolio is one of those sites that cannot fail to be in your favorites, we found this “launch site” button symbolizing an external link an agreeable change from the expected arrow icon.

Propeller is a social news portal made of submitted links and stories from the web, where you can obviously vote stories up & down via the prop it/drop it function.
We are proud to introduce you this funny, vintage cartoon illustration from its 404 error page.

A nice call-out box and its mouse over effect (on the left) from Stanley Solutions’ website, which is a copywriting and editing company based in India. We liked the read on tab stiking out at the bottom.

We love the extreme simplicity and elegance of this comments listing from Cultured Code forums: simple but great typography and a fading call-out box gently receding into the background.

Here you are a nice design snip I’ve found on Guinness website: a sleek black tab menu with many filter options clearly organized into two rows.

Busy, busy time so W&P post rate is a little bit slowing down. While we find and reach new sources of power and inpiration, you can enjoy Agens‘ funny (or sad?) error page.

Though we’re not big fans of overtly tech webdesign and we prefer warmer, more organic solutions, we loved the cleanliness and the powerful, warm glow that this website’s menu radiates.
Another nice design snippet we found on Thoughbot’s website is the brownish, rounded contact us button which really stands out, partly for its effective color contrast and partly [...]

It might be redundant but we love the mouse over effect on Simplebits: though linking the home page from your website’s logo is probably the most common standard in web design, we like the way Simplebits’ tap gently peels revealing a little home icon underneath.