Grain & Gram is an online magazine for gents, based on a two-colums grid with strong horizontal subdivisions. The big amount of blank space gives emphasis both to titles and teasers, where nicely styled pictograms and pull-out quotes break the columns, avoiding a stern effect and adding a classy touch to the whole page.
Maison Kitsuné is is the brainchild of Gildas Loaec & Masaya Kuroki, the meeting between a young dynamic entrepreneur from Brittany and an architecture student who switched to fashion design. I know that b&w, minimal layouts might seem a little clichéd for you, my dear webdesign experts, but I still can’t get bored by the [...]
As new year’s resolution I’ll try to update more often this website. For now, here you have a nice example of good minimal b&w blog design. If you like the lettering, you’ll be happy to know that the type used is Tex Gyre Schola and you can download it for free here.
Heppo.se is a Swedish ecommerce website (unfortunately, there isn’t yet an English version) with a sleek, edgy layout: though there are many reasons to be fond of this website, the motivation for having it showcased on Web & Patterns is its add-to-cart button. When you click on it, a bright, trasparent rectangle appears above it [...]
Schematic.com provides an interacting navigation system, based on flash, in which users are allowed to move through different slides by zooming in and out. Engaging.
The Swish Life displays a classic two columns grid that unusually splits asymmetrically into several, differents modules.
A minimal shopping cart which uses Earth tone colors to convey the vendor’s organic philosophy.
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.
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 [...]
