Inspired by Josef Müller-Brockmann‘s work, Stéphane Curzi endeavoured to implement a css framework system based on type baseline, where every major page element would align correctly. Creating that shouldn’t have been a cakewalk and sure there are some big limitations (the biggest one is that Baseline’s css works fully only on latest generation browsers): nonetheless, [...]
in
Grids & Listings
I think this website’s grid, made of right ragged thumbs, gives us the same chaotic and urban feeling as the one inspired by illustrations themselves. Subtotal is an artist collective’s website, formed by illustrators Grega and Jaro: Their work finds its origins in the conjoining of various body parts, whether real or fantastic, through which numerous [...]
in
Grids & Listings
While I was surfing, I’ve been positively struck by the way “We are the fiction” website re-creates the book’s cover. One small step backwards. We Are The Friction is a book of illustration and short fiction created by 12 pairs of international writers and illustrators. It’s the second book edited, designed and published by Sing Statistics, the collaborative [...]
in
Grids & Listings,
Typography
Color Hunter is a very useful application that lets you search palette and colors from an image or a hexadecimal code. Useful in the initial stage of product concept. After defining your palette, you can use Checkmycolours to analyze the color contrast of your web page according to W3C specification.
in
Grids & Listings
A 1KB CSS framework for both fluid or grids.
in
Grids & Listings
Spacecollective is an ambitious project and, if we wish, even a little hazy in its premises: it’s about sharing knowledge on the human species, its environment and its future. Posts are arranged as if they were cards: in this way you have an interesting effect as if the contents of the contributors were presented in [...]
in
Grids & Listings
How to draw a site dedicated to a sound? Or, as in this case, dedicated to a podcast?
in
Grids & Listings
Loved the clean and fresh layout for this site that collects everything about icons: an icon for different kind of posts, additional infos when you hover on items , a dots style paging.
in
Grids & Listings,
Icons
I like Uncover, especially as they present post tags. I’ve been misled by the thumb icon: I thought it was abutton to vote (are we so faceboook-dependent?) but it simply indicates the karma of the item.
in
Grids & Listings
The archive of beautiful illustrations of Spanish artist Alterebro is real clean and simple and CSS friendly (in effect I don’t think it would take more than a class to build it). Mouse over links is fundamental to the reading when you deal with text with a poor contrast.
in
Grids & Listings
I think that Dailyrt listing, a Twitter-based application, is an intersting example. In particular, I like: the block made by the rating and the tweet-this button; mouse over effect on the list; the numbering on the right.
in
Grids & Listings,
Ratings
I have a passion for non-conventional listings and grids based on squared (or nearly) patterns: Method web site grid, a communication agency specialized in creating unique brand experience, is one of my favorites.
in
Grids & Listings
Wefollow, the directory of the most followed Twitter, is arranged in square blocks of 5 elements, each linked to a particular topic. The result is certainly more readable of the endless list that typically are used in directories websites
in
Grids & Listings
The home of Foodfeed is disarmingly simple: above a search form, to right a column with the last feeds and to the left the instructions to the service in 3 little steps.
in
Grids & Listings
An interesting listing of photos create a public time line on TwitPic website, a service that lets you share your photos on Twitter.
in
Grids & Listings
One of the most comprehensive web sites about grids, with a rich library of templates that can be downloaded freely. Interesting also the button “Show Grid” in the top right corner to show / hide the grid.
in
Grids & Listings
For those who love frameworks here you are an excellent set of templates, downloadable for free, to design and build 960px wide grids.
in
Grids & Listings
Zen minimalism? Absolute cleanliness? Radical chic? How to describe the interface of this study of Japanese Interaction Designers?
in
Grids & Listings
Very refined both the desaturated palette and the grid of this New Zealand online shopping.
in
Grids & Listings
I like Incspring philosophy: recycling logos and brand unsold (and unused) at a reasonable price for a start-up! The interface is well-designed and full of interesting details.
in
Grids & Listings,
Logos
I like blogs with a very rigid grid layout and extreme use of typography. Even when the colors are so sharp.
in
Grids & Listings,
Typography
Kosmix grid, evidently modular but not static, it’s designed on the purpose of allowing its customization: users can move blocks of information, thus personalizing their own home page.
in
Ajax & Effects,
Grids & Listings
This “live feed” listing is really an example of good design. On a very clear and clean grid, are neatly arranged items of very different types (tweets, post photos from Flickr, videos from youtube) and yet the whole is very clear, readable, enjoyable.
in
Comments & Call-out,
Grids & Listings