- Define the brand image
Every style guide has to start from the brand image. It is difficult to design or know how to design the other corporate elements if we do not know how the logo will be.
This is usually the basis of the style guide, so to start with, we have to study the branding and the competition and know where we are going to leave. It is time to investigate, to study and to have in our mind ideas of how we can develop the image of the company.
Once we have it developed, we can take the first step towards the design of our style guide, in which the logo will have been the one that feels the bases.
- Different logo options
Once we have defined our logo with its corporate colors, we have to take into account the different options in which the logo can appear, so it is appropriate to specify, as the design appears depending on the situation.
As well as determining different measures of recommendation. Obviously the logo is editable and we can enlarge or reduce it, but depending on the design we can reach a point where we resize it so much that it loses its essence, and this is what we have to say at this point.
- Define typography
Once we have defined our brand image, we have in turn decided several elements such as colors or fonts. The colors will be fixed for the other elements, but the typography that we use in the logo may or may not be maintained for the different elements of the web.
It is the first decision that we have to take into account, where we are going to use the typography of the logo, and in case we do not use it, what typography would be chosen, taking into account the combination between them.
So well, we must create a guide in which to determine the typographies that are used, with the different sizes of text depending on the place in which it is. So that the hierarchy of the typography and also the color of the typography is defined.
This section has to give us an idea of how typography will appear in the different elements that compose the mark. Obviously they can not all be represented, because we can find an element that needs a specific typographic design, but if it has to be a general guide of the different sizes and colors of text that are used in the mark.