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

Imagem em Preto e Branco com CSS

Código

Como utilizar os pseudo-elements ::after e ::before do CSS

Design

Dica #08 Tipografia – Script

Código

Círculos com CSS

Código

Colapso entre margin-top e margin-bottom