Design, uninterrupted #91

October 27th, 2010

Today’s post highlights the design of Following the recently popular trend, the site has been redesigned a few months ago into a visually attractive single page, multi section journey. Anchoring the navigation with an oversized icon and vertically oriented menu that stay at the same position no matter how far along you scroll, the design features eight large sections, each with its own styling, and all following the same strong and balanced three-column grid.

Each section uses an oversized image that serves two purposes. First, it breaks the rather large swaths of texts and lets the eye quickly scan the content. Second, the color palette of the image (and sometimes the image itself) is used as the background texture of the specific section; see the bleeding washed out full width background fill of the last two sections for the examples.

The three column grid is rigidly maintained throughout all the sections. Some have their entire content spanning the full width, some alternate between 1-2 and 2-1, and some use all three columns for smaller portfolio thumbnails. This level of attention to details can also be seen in precise separator lines, artfully styled embedded tweet and clean typography that uses a mix of Georgia and Helvetica.