Logo on the site works with menus, typography and buttons. It is worth evaluating these elements together, especially in a small header and on various interface backgrounds.
Start with actual character files
The designer of the website should receive the current logo and its rules of use. A small image taken from the old header is not always enough to prepare a sharp variant. Also, explain whether the addendum under the name is mandatory in all applications.
If the character needs to be improved or reproduced, consider this as a separate arrangement. Accidental redrawing during the design of the page may introduce another inconsistent version of identification.
Rate header as a whole
Logo must co-exist with navigation, search and contact. Too large a sign can take the place of the menu, and too small to lose readability. Set the hierarchy according to the needs of the recipient and the nature of the site.
For example, a company with a long name may need a different header layout on the phone. This does not mean automatically reducing all letters. You can change the navigation distribution and use an agreed logotype variant.
Prepare various surfaces
The header can appear on a white background, dark surface or over an image. Each variant should have a clear sign and controls. Don’t expect one file to work just as well in any photograph.
Check:
- first page entry;
- the heading when scrolling;
- open mobile menu;
- the longest name of the menu item;
- a bright and dark variant, if any;
- transition to the home page through the logo.
Keep Common Principles in Subpages
The offer, blog and contact page should use the same way of presenting the brand. Section differences can be shown with content and illustration, without an unagreed change of the sign. Logo readability tests and Name design and navigation.
