As you may know, I’m big on minimal & typographical layouts.
A minimal grid meets a horizontal scrolling in this interesting, minimal, website about design and typography.
Though it’s often seen in prints, displaying a multilanguage text using two continguos columns is quite an unusual trick for the web. Classy.
The capital C in Lane Crawford’s logo stretches out vertically and completes itself leaning on the lower r stem, forming an almost full ellipse.
I don’t know what’s wrong with myself but the more websites I see, the more I love these one/two columns minimal layouts, stripped of any redundant graphic element.
Another elegant example of minimal, high-impact layout, based exclusively on columns subdivision and thin horizontal subdivisions.
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.
An unmistakable example of perfect minimalism in breadcrumbs webdesign.
The color of the highlighted link will change everyday according to this.
area 22 is a nice portfolio from the San Francisco based designer Sonia Chan and a beautiful example of minimal design as well.
Apart from that, I love the tiny text snippets that introduce each section: they give a really personal touch to the browsing experience.
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!
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 you skim easily through the page by collapsing unrequired data.
A nicely shaped tag cloud: nothing really unusual, just a simple list of tags, neatly disposed into “little bricks”. Instead of the usual more-for-the-SEO-than-the-user heap of links, this tag cloud really offers an alternative to the main navigation.
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.
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 more than essential ecommerce layout from Berg & Berg, a website selling basically accessories for men and women. We loved the use of a monospaced font for highlighting the navigation link in the product fact sheet and the fancy shopping bag in the top left corner.
Our attention was grabbed by a clever fonts comparison system in MyFonts‘ website: using a little sliding widget in the left sidebar, you can browse through thousands items, comparing the A glyph of available typefaces. You can get a more detailed preview of your type by simply hovering over the letter with your mouse.
I’m a typomaniac, I confess, and my favorites ecommerce websites are most of all digital foundries’ websites.
Usually this kind of website displays clean, sophisticated layout grids with minimal graphics elements such as horizontal dividers and flat geometrical buttons.
Big headings and wide, spacious whitespaces (which basically means removing all the graphic overbearing elements from the page) are the most common trick for making your beautiful and precious digital merchandise pop out: in this impeccable, squared presentations cart usually are represented as coloured boxes which are able to stand out because of their strong contrast with the surrounding white background.
Even if language is unfathomable for us and online translators are of any help, we do love this clean, minimal red and white product page from Muji Japan online store. Every block is squared, lines are perpendicular and every details is finely designed in an accurate, minimalist way: for example the beige and red callout box, with its thick red horizontal lines, really pops out in contrast with the dominating white and so does the red box on the top right.
Besides, we think that the little icons on the left side (e.g. the blue dress) showing the shop categories, are really cute.
Zara Picken‘s a Bristol-based illustrator that brings us back to the magic Fifties with her clean, marvelous illustration style.
Aside from that, we definitely love Zara’s website structural rigor: broad wide spaces are cut into columns and rows simply by black/gray lines while circle shapes of various kinds play a major role in grabbing user’s attention and to mitigate the otherwise too rigid elements organisation.
- a black circle is used to create this website’s logo;
- semi-circle shapes, jutting out from the layout , emphasize slideshow’s arrows;
- big gray bullets encircle posts date.