0

A graphic designer has finished the design portion of a large web project my team and I will be developing. (Only jpegs were sent.)

I will be responsible for all implementation of the design, including CSS.

The designer did not send the necessary information I need to implement the css, and I don't have the knowledge or vocabulary to communicate effectively enough to know what I'm asking for.

It's not a style guide - that brings up a whole bunch of theoretical academia in a google when searching for an example. It's not a style sheet, because that's what I'm creating from the designs, and using that term I was reminded that that was my responsibility.

If there is one, what is the word I'm looking for when asking for the information about font sizes, font families, misc typography, colors, link colors, hover colors, image sizes and ratios, etc.

If there is not a formal word for this in the design industry, how can I communicate clearly what I need rather than 100s of back and forth emails each time it's time to style a new element?

Also, I was trying to find a reference to such a sheet online. I have come across them now and then when reviewing pre-made templates. If you have a link to such a reference, please share.

3

What you are looking for is, in fact, a style guide. I'm not sure why you've convinced yourself that that's the wrong term, but style guide is right.

When requesting the style guide, define the details that you require (as you list in your question; font sizes, font families, misc typography, colors, link colors, hover colors, image sizes and ratios, etc.) to the designer. Also, agree on a format for communicating this information. An annotated image should suffice in most cases.

The designer has done their bit in establishing the overall look of the site. The last part of their job is to communicate to you everything that you need to know in order to technically implement their design.

  • Chris is correct. There are tools for photoshop and Sketch app to create such styleguides online, where the developper can easily read the font sizes etc. I personally use Sympli with Sketch but there are tons of options. – Summer Feb 16 '17 at 14:56
  • @JaneDoe1337 "tools for Photoshop ... to create such styleguides." Can you tell me a bit more about this please? Photoshop was used to do the designs. If there is something there I can point to that automatically generates this, this is exactly what I'm looking for. – user658182 Feb 16 '17 at 15:11
  • @user658182 You could have just googled this... Sympli works with Photoshop as well, I don't know any other tools that I could recommend as this is the only one I've used so far. – Summer Feb 16 '17 at 15:14
  • .. I think I shied away from "style guide" because most of what I found online looked very intimdatingly complex (and we're already having communication issues) for example, a highly complicated grid structure denoting even the spacing above and below fonts, as if someone were designing a new font from scratch. If that's the term to use, I'll stick with it, I just didn't want to add more complexity. If you know any references to web site style guides online I can aid in communicating, please reference. – user658182 Feb 16 '17 at 15:14

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.