Guia de estilo/layout
Pontos de interrupção e capacidade de resposta
Os layouts devem se adaptar logicamente a todos os dispositivos. Sem hacks personalizados por tamanho de tela.
Projete uma vez. Escale de forma inteligente.
Escala de espaçamento e dimensionamento
O espaçamento segue uma escala definida. O espaçamento aleatório é um risco visual.
Qualidade de compostos de consistência.
Alinhamento e margens
O alinhamento comunica disciplina. As margens são intencionais, não acidentais.
O alinhamento permanece principalmente à esquerda no início, mas em certas situações se ajustará ao centro. Essas situações são para títulos de seções maiores que se correlacionam com algum tipo de elemento visual, como um vídeo ou uma grade de imagens.
Este site usa REM e EM em em relação às margens.
O REM é usado principalmente para espaçamento consistente das margens laterais ou para elementos que não precisam de uma escala muito dinâmica. Embora a maioria dos elementos tipográficos use EM para ter um espaçamento consistente com o tamanho da fonte desses elementos, sem muitas regras de dimensionamento personalizadas.