Andrew’s Mac Tips Weblog

A long time ago I decided to add a new section to the Mac Tips site called Web Based Services. I chose at the time to give it a look that was different to the main site; a lot of the elements are called from the same javascript files, but presented in a different style.

I wanted a clean Mac interface look for the new section so I reverse engineered the iTunes interface.
 

 
The main body was pure white and the buttons and links were as subtle as I could make ‘em. Revisiting it now though, it looks a little dreary. I wanted to “crisp” it up a little; make the sidebar more different from the body, while at the same time not draw too much attention to it, and make the buttons more distinctive.

I tinkered with colors and spacing and so on in the CSS, all the time zeroing in on a look that ended up quite like (you guessed it) iTunes. I guess you can’t beat the classics.
 

 
It’s not a carbon copy if iTunes though; the shade of blue is less in your face and the dividing line is more discrete. Right now I’m pleased with the result. So pleased that after some more tweaking I might revamp this Wordpress blog to the same style, so as to be less massaged Kubrick and more watered down Mac OS.

Andrew’s Mac Tips — Some Great Web-Based Services