Lombard Street is best known for the one-way section on Russian Hill in San Francisco where the roadway has eight sharp turns that have earned the street the distinction of being the “crookedest street”. Lombard Street is also one of the most popular settings for movies and TV ranging from Alfred Hitchcock’s Vertigo to an episode of “The Simpsons”.
The street is featured in multiple video games including Grand Theft Auto: San Andreas. But who can forget it’s appearance in one the most iconic car chase scenes in American film history in the movie Bullit as Steve McQueen launches his Mustang after the bad guys. It’s from these scenes that the stylized “racing” stripes on Lombard Street take their cues from.
The striped elements built into the background very nicely complement and contrast with the stripes at the top of the page design that forms the menu bar, and each set of stripes have their own color controls. The lower stripe of the menu bar is subtly wider and a touch darker than the upper stripe which further enhances the layered look of the Lombard Street design.
The design is “closed” at the bottom of the page with two more stripes; one thin and the other very thick by comparison for a touch of asymmetry, which gives the design a bit of edginess. The Sign In and View Cart tabs are stacked one atop the other at the very top of the page.
In the body of Lombard Street the list items can also be stacked but there are no borders or stripes here, so the page maintains an overall sleek look. The list items do have a highlight roll-over for ease of navigation.
So is your BizSite, Store, or Blog ready for a sportier look? Checkout the Lombard Street design and thanks to Jim Zuckerman for sharing his images for the BizSite, Store, and Blog site samples.