: Website Style Guide Creation I'm working for a client that requires me to create website style guides from detailed photoshop mockups of the already designed website. These style guides are then

@Speyer780

I'm going to answer this a little backwards, because the content of a style guide is more important than the program you create it in.

In my opinion, from both creating and working with style guides, a style guide should allow you to start with a completely blank document and end up with something which looks exactly like it came out of the client's in-house art department.

To accomplish that, you need to spec everything. Fonts, colors, style of photography, spacing, code style, the works.

By way of example, I answered this question on Writers, but my answer was mostly design: What needs to be included in a Corporate Style Guide?

So once you've determined what you need to put in your guide, the program you create it in is "whatever it's easiest for you to work in." For your example, I'd create images in Photoshop and the guide itself in InDesign.

Vote Up Vote Down

@Shelley591

There is no industry standard because 'style guides' for this purpose--waterfall software development--are going to be entirely dependent on the needs of the particular designers and developers you are working with.

Ideally, you avoid them altogether, as static PSDs-to-static-style-guides is really just asking for trouble.

That said, it's still at typical process--especially with outsourced development.

I'd start with talking with the developers your company has hired and ask them "what do you want in a style guide?" and go from there.

Vote Up Vote Down