Harrumphing we will go...

"And then there is the second way, the Holy Grail of web standards: separating style from content, using structural markup for data, and CSS for all aspects of visual layout control." - Jeffrey Zeldman

The first site I decided to tackle was harrumph! by the lovely and talented Heather Champ, also of FOJM fame [I promise I'll send in a photo or two]. Why harrumph! ? Because I liked Heather's style, and harrumph! is all about style baby!

The first thing you notice is the cleanness of the design. Very neat and tidy. Nothing overpowers anything else. Cool isn't it? I always thought so too. I also believe this current design is 'sans Blogger'. I'm not completely sure. It's basically a three column design, and is fairly liquid, which is great. Occasionally, liquid design is done where the text fills the screen, and it gets difficult to read. Thankfully that's not the case here. The text area is kept well within readability limits.

The first 'column' on the left is the Blog section. Verdana is the font of choice, and Heather uses a line spacing of 19 pixels here, which makes it extremely readable. Next to that, in the center 'column', is the real eyecandy. Her fantastic photos. She's always got something new and interesting here. Heather can take a picture of a toaster and make it look cool. I've seen anywhere from 1 to 4 photos here. And they've never been anything less than excellent. On the right hand side are the navigational elements. the links to her other photographic projects, stories, archives, gear (t-shirts, etc.), as well as other links of interest. She's gone the smart route here, and kept this to a minimum and added a 'more...' link where needed, which takes you to an extended list. The long list of links can get crazy on the main page and make it look a little messy. Just look at my list to get an idea of what i mean, hehe.

Next is the color scheme. It's probably the closest you can get to silver white and gold on the Web without being gaudy. Nothing is in your face screaming "CLICK ME!! CLICK ME!!". Even the hover color is perfect. Nearly any other color would stand out too much against the other colors. If you check the code, you'll notice even the main text isn't black, although it's close. Actually, I don't think there is a thing that IS black, except the black and white of her photographs. Very reserved. The overall look says class.

The logo. Ah yes the logo. The wild and crazy 'Harrumph!' being held in check by the reserved and upstanding 'HARRUMPH!'. Oh, the duality of it all, hehe. Did she plan that? We may never know. It's definitely a recognizable logo though. And just so you know, my version is meant to be a pale imitation, so hush up!
Then of course there's her tag line; [ Don't let the name fool you, baby! It's all about LOVE ]. It is all about Love isn't it? Very cool.

!

And there you have it, one of my favorite layouts. This was fun. Tune in next time when I'll be tackling the elusive 'zeldman' in the wild. That master of the 3 pixel, black border. The guy who has spawned more clones than a Jurassic Park experiment.