WordPress theme from start to finish

This is the beginning mockup of a wordpress  theme I’m going to create I’m going the old-fashioned route of building a theme in Photoshop and then slicing and coding… as opposed to the mobile first method and building in the browser.

Personally I prefer  to see it laid out in desktop view with decisions made on fonts colors and icons already decided upon., then work down all the time keeping in mind   the mobile screen.

photoshop mockup
Photoshop mockup

This is using a 16 columns, 960 px grid, the old favourite of many a  web designer (960 pixels), as it gave a happy medium for viewing web sites on computer monitors nowadays however it could be viewed on anything!…. but as far as content goes I still feel that it is a good width to work with. It will be automatically centered in the middle of viewing device.