Choose a colour with sufficient contrast between text and background. Dark text on a light background works best. White text on a black background is tiring to read.
Avoid colour for text unless it’s a link.
Make it bigger!
Designers prefer small type because it doesn’t need a lot of space. But your users need to read the content. Type generally needs to be larger on screen than on paper.
Use a type size for the body text between 10 and 14 points. You can even make it bigger if possible. Remember that users have different screens and a lot of people use a small notebook with a 13- or 15-inch monitor.
Your content needs a hierarchy with different levels of text. When scanning the page it must be instantly clear what’s a heading, a section subhead, a body text or a link. Use not more than two levels for headings.
Headings should be larger than the body text. Vary the type size to bring a hierarchy into your content:
- Level-one heading: 150% of the regular text
- Level-two headings: 125% of the regular text
- Body text: regular text
Every website needs a logo. It’s the first impression people get of your company.
The logo defines your site identity and confirms for your site visitors what site they are on. The logo is also an important navigation feature that links to the homepage.
The logo should look professional and has to be:
- Use a clean and clear font style.
- Use one font family with different styling.
- Create a vector graphic that can be scaled and save a version of the logo as a small gif to put on the website.
- Create a logo that reflects you or your business’s goals.
- Think about the personality of your company and choose an appropriate font: serious, playful, hand-drawn…
- Work in black and white and add the colour later.
- Use only one additional colour to black and white.
- Use letters, not images.
- Use a transparent or plain background.
- Don’t use crazy or ultra thin fonts.
- Don’t use more than two fonts and weights.
- Don’t create a raster image made out of pixels like jpg or gif.
- Don’t create a logo that has to be explained.
- Don’t create a logo with acronyms or the initials of your company.
- Avoid visual clichés.
- Don’t gloss up your logo with special effects such as shadow, embossing or layer styles.
- Don’t use photography.
- Don’t use a background image.
Tranquil and reliable
Blue is a very balanced colour. It conjures up thoughts of sympathy, harmony, friendship and confidence. Blue is the opposite of red. It’s the most popular colour and the colour most preferred by men.
- Blue is the colour of the sky and the water. It puts us in an airy, tranquil mood and gives us the feeling that we can go with the flow.
- Blue evokes confidence. It’s associated with constancy and reliability.
- Blue has a cooling and tranquilizing effect.
- Blue is related with serenity and peace.
- Blue is wide, open and endless. It opens our mind, and advances productivity.
- Blue it not an appetizing colour. Don’t use it for food pages.
- Blue is not a warm, heart-opening colour.
- Blue can make us feel sad and depressive.
Where to use
- Blue is often used for links (in various shades).
- Blue is often used in company websites to evoke reliability.
- Blue can give a professional and trustworthy look to your website.