Last week I finished a blog revamp for Gal Meets Glam. I realize I’ve said that I don’t do blog design and instead refer all potential design work to my Blog Design Directory. But when Julia asked me to migrate her blog from Blogger to WordPress, and do a redesign in the process, I hesitated. And then I said yes. What swayed me was that Julia had a clear vision for her blog — Gal Meets Glam was already in good shape and all I had to do was to streamline the columns to a proper grid while keeping a decidedly feminine look.
In the before and after screenshots below you can see some of the most prominent changes I made. One of them was the banner. The original banner used a block font for Glam and a script font for Gal Meets. I thought it would be best to flip the font types, so I used a script font for Glam to give the sense of a black marker “autograph” on an 8×11 glamour head shot photo.
I chose the color scheme from Julia’s pin boards and selected pinks, yellows, and blues to create the resulting palette. You’ll see touches of these colors in the little polka dots at the top of each post, in the link colors, and in some of the sidebar blocks. You might be wondering where the yellow lives — you’ll only see it when your mouse hovers over the sidebar social links.
It was great working with Julia. We had a lot of virtual high-five moments in the design process, and maybe that’s because our design aesthetics are in sync. I hope you check out her blog and enjoy out her oodles of style and beauty tips.
I get a lot of questions asking how to get started with CSS. Lynda is a great resource and they cover everything in great detail. I also have my own CSS screencasts that you can watch for $25/30 days. The course focuses on the CSS I use for the blogs I create. You can learn more about it here. You can also check out my free HTML/CSS tutorial quickies here.