Design Critique: Kim Fox Photography Blog

Designers

I wasn’t ever one of those people who googled their name, so when I started my blog several years ago, I did some quick searches to see how popular Kim Fox was. Turns out, it’s a really popular name. I got some photography websites, jewelry businesses, an actress, and even (at the time) some woman from Texas who had committed murder. So… I decided not to use just Kim Fox and instead branded using Kim Joy Fox.

But just because Kim Fox is a great name and because I haven’t done a design critique for a while, how about we take a look at a beautiful photographer’s website who just happens to share a name with me.

Kim Fox Photography

Fonts

The first thing I noticed about the website was the fonts. They used three fonts: Helvetica (paragraph), MercedLight (middle headers) and GartonMedium (for the footer and other headers). All three are embedded into the page so Google can read them, so good work there! They also work very well together.

If you take a look at the CSS, you’ll find something a bit different on the font line:

 24px/1 MercedLight, Verdana, sans-serif !important

The line above is CSS shortcode, but not one that’s very common. Those first two numbers are the most unusual. The first number is the font size: 24 pixels; and the second number is the line height: 1. The following three font names are pretty standard, with the browser choosing the first if possible and then going down the line until it finds one that it can use. Lastly, the !important designation makes sure it overrides other font settings.

All the options are: font-style font-variant font-weight font-size/line-height font-family

Design Style – Clean with a bit of sweet

The design style is very clean and simple. A nice background sweetens it up, including a little drop shadow. There are quite a few colors involved: light green, dark green, blue, and pink/purple – I kind of like it! I’ve seen movement toward the multi-color designs (with 4 or 5 colors) recently and, in fact, have followed it with my latest design.

I love clean design for photography websites because it puts the focus on the photography, not on the website.  The only bummer on this design is that some of the portfolio page slideshows are little broken. The photo frame behind the picture though, is a beautiful touch.

Summary

  1. Don’t be afraid to explore large color pallets, but make sure they aren’t overwhelming (small items of color, large items of white)
  2. Remember to use the CSS shortcodes when possible to keep your code organized.
Comments