Planos a partir de R$ 39/mês Inscreva-se Agora

Dica #03 Tipografia – Pareando Tipos

03_pareando

Qual a fórmula para parear tipografias?

Não existe uma fórmula, mas existem, o que eu chamaria, de boas maneiras. E essas são duas delas:

1 – Contraste é REI. Quando optar por usar duas famílias tipográficas diferentes, de preferência por tipografias que se diferenciem bem uma da outra.

Mal exemplo: Usar Helvetica e Arial em um mesmo projeto não seria o ideal, pois ambas são muito parecidas. Neste caso o uso de tipografias diferentes perderia o sentido, já que não seria perceptível o contraste entre ambas.

Bom exemplo: Já utilizar Helvetica com Georgia pode ser uma boa combinação, pois você opta por uma tipografia Sem Serifa e uma Serifada. Ambas se complementa e enriquecem a hierarquia da página, já que possuem contraste suficiente.

2 – Use no máximo duas famílias diferentes no seu site.

Mais que isso pode ser um exagero. Com duas famílias é possível criar todo o tipo de hierarquia e ainda tornar a página graficamente interessante. Aproveite do negrito, itálico e das cores para enriquecer a hierarquia.

Mais Dicas

Código

Animation Delay

Design

Tipografia – Treze Palavras

Código

O Box Model

Código

Imagem em Preto e Branco com CSS

Código

Dica #01 CSS – box-sizing