# 008: Photoshopping o padrão de módulo - CSS-Tricks

Anonim

Todo o site será baseado em “módulos”. Cada pequena coisa vai estar literalmente em uma caixa (tanto visualmente quanto no código, em última análise). Começamos com um módulo para a postagem mais recente do blog na página inicial, mas o padrão de módulo será usado em todos os lugares. Comentários individuais, áreas da barra lateral como “A Enquete”, anúncios ... tudo.

Assim que tivermos esse módulo de artigo básico em vigor, trabalharemos um pouco de tipografia dentro dele. Usamos um título de postagem real (uma boa ideia para ter uma noção de comprimento de algo real), mas então usamos Lorem Ipsum (suspiro!) Para o trecho (prático).

Apresentamos algumas novas fontes. Os cabeçalhos (em um mundo perfeito) serão Whitney Condensed Bold e a cópia do corpo será Whitney regular.

Apresentamos o conceito de “quadradinho colorido” para os módulos. Isso demora muito no processo de design, mas (como você pode ver no site se ainda estivermos na v10) acaba se transformando em uma barra colorida.