1. Size

The larger the font, the more conspicuous it is. Larger fonts indicate a higher priority and this is usually used for headings. However, if all your texts are large, the effect is dissolved. Remember, this is all about creating contrast.

2. Typeface – Font Classification

Contrast is also achieved by mixing up different fonts. Using one font for the headers and another for body text. However, there are a limited number of web safe fonts so only two main classifications are commonly used. These are serif and sans-serif. Usually, I would use the serif font for the headers and the sans-serif for the body text, but you are more than welcome to play around with it and get creative.

3. Coloring

Colors are also a great way of creating a contrast. Once again, it is the minimalistic use that achieves the greatest effect. On the net, colors are a common way to distinguish between navigational elements, headers, links and regular body texts. Colors are also used to indicate stages of usability. For example, a faded color will mean that an element is disabled, a warning would be red. These color statements have already been embedded in our subconscious online culture so it would be silly to try to reinvent things at this point.

4. Casing

Uppercase wr Continue reading »