We’re popping champagne corks again here at tom-mcgee.com world headquarters (ouch! watch where you’re pointing that!) as a new site launches for Teall & Associates.
Nothing fancy here; in fact the client direction was to do exactly the opposite. Jon is running a PR agency targeting major financial firms, so he wanted something really staid. So I put my energy into clean typography, nice white space, and use of the color “teal” (get it?). The non-fussiness goes all the way down to the HTML/CSS, which is very clean.
I started with a full reset of all the browser settings to build up all the elements from the ground up. Getting rid of all the variations in sizes and weights that the browsers don’t agree on gives you a head start in making the site look the same across all of them. Plus there were some positive side effects: I was especially pleased to get headline fonts that are thin and elegant.
The HTML has a minimal number of elements — three main divs, a list for the navigation, and the page content. The Curvy Corners package was used to make the rounded tabs in the navigation.
Photos are from fotosearch.com, a pretty reasonably priced stock house.