Elementos de um mesmo grupo devem estar próximos, agrupados.

A proximidade forma unidade visual evitando elementos individuais e desordem, proporcionando a organização do layout de forma que o usuário consiga identicar o conteúdo apresentado e seus limites.

No exemplo ao lado oberva-se que título e subtítulo estão próximos assim como o parágrafo a imagem que o ilustra.

Os elementos possuem conexão com algo no layout.

O alinhamento ajuda na ligação visual entre os elementos.

No exemplo ao lado observa-se que os textos foram alinhados da mesma forma que a ilustração segue a margem superior do parágrafo e mantêm a mesma distância da margem direita, respeitando o preenchimento da caixa.

Evite elementos similares, diferencie-os.

O contraste costuma ser a mais importante atração visual de uma página.

No exemplo ao lado observa-se que o título foi negritado e tamanho incrementado, a imagem ilustrativa foi alinhada a esquerda. Alterações que trazem mais visibilidade a estes elementos.

Crie padrões e os siga. Fortaleça a unidade.

Repita a formatação de títulos para os mesmos elementos do layout, espaçamentos, cores, etc.

No exemplo ao lado observa-se alguns dos padrões estabelecidos, que deverão ser seguidos nos demais elementos do layout.