Design, uninterrupted #25

May 14th, 2010

Today’s post highlights the design of by Jina Bolton. A perfect example of strong grid layout is highlighted by the vertical and horizontal guider lines that help tracing the placement of all visual elements. Note how different elements fit into one or more columns of the six column layout, with extra insets for text sections. All text elements (including the navigation menu, section headers and sidebar links) have their baseline aligned perfectly with the horizontal grid guider lines.

A faded tapestry background texture helps alleviating the string geometrical pattern imposed by the guider lines, and improves readability of the light-on-dark footer section. The main section uses a popular light gray / dark gray / dark orange color scheme with consistent coloring of links and attractive typography for the section headers and rollover effects for the navigation menu elements.