design, psd, photoshop settings
Color Settings
====================
- Image >> Mode: RGB
- Edit >> Color Settings: North America Web/Internet
- View >> Proof Setup: Internet Standard RGB (sRGB)
NOTE: (legacy) if using Save For Web, make sure to uncheck 'Convert to sRGB'
Resolution
====================
- Image >> Image Size >> Resolution: 72 Pixels/Inch
Fonts
====================
- fonts must be approved prior to finalizing design: need all font names & weights to make sure they are available for embedding or can be rented
- some fonts are offered in ScreenSmart versions, which differ in pixel size to the regular version, so if ScreenSmart is being used the ScreenSmart fonts MUST be downloaded as a separate font package and used in the PSDs
- anything that's found on Google fonts (https://fonts.google.com/) is fine and doesn't need review, just make sure the weights being used in the PSD are available through Google (not all of them are)
Layers
====================
- all items must be on individual layers, grouped in folders per section with accurate descriptions
- remove any legacy layers or clearly note what's not to be used
- add HOVER to all folder names to denote on hover styles
Content
====================
- all text needs to be editable (not rasterized)
- all icons / graphics (antyhing that's not photographs or text) must be vector based so they can be scale them up as needed for retina
- leave drop shadows un-rasterized, so settings can be recreated through css
Grid
====================
- before design starts overall site width & grid must be approved; this can very depending on theme or platform
Extra credit: http://photoshopetiquette.com/