Estrutura
Secções, colunas, larguras, fundos e bordas. É aqui que uma página ganha forma antes de qualquer bloco.
Duas colunas: esquerda
Coluna com texto corrido, que ajusta a largura ao espaço disponível.
Duas colunas: direita
Coluna com texto corrido, que ajusta a largura ao espaço disponível.
Três colunas
Coluna com texto corrido, que ajusta a largura ao espaço disponível.
Segunda
Coluna com texto corrido, que ajusta a largura ao espaço disponível.
Terceira
Coluna com texto corrido, que ajusta a largura ao espaço disponível.
Quatro colunas
Coluna com texto corrido, que ajusta a largura ao espaço disponível.
Segunda
Coluna com texto corrido, que ajusta a largura ao espaço disponível.
Terceira
Coluna com texto corrido, que ajusta a largura ao espaço disponível.
Quarta
Coluna com texto corrido, que ajusta a largura ao espaço disponível.
Barra lateral à esquerda
Um terço da largura, para navegação ou contexto.
Conteúdo principal
Dois terços da largura, para o que importa na página.
Conteúdo principal
O texto fica à esquerda, a barra lateral à direita.
Barra lateral à direita
Boa para contactos, horários ou um resumo.
Fundo de cor
Qualquer cor. O texto passa a branco sozinho quando o fundo é escuro.
Fundo com fotografia
A fotografia leva uma camada escura para o texto branco se ler sempre.
Vidro fosco
Um painel translúcido e desfocado por cima da fotografia, com texto que continua a passar o contraste.
Borda em onda
A secção começa com uma onda em vez de uma linha reta.
Borda rasgada
Papel rasgado, para marcas com um tom mais artesanal.
Borda diagonal
Uma diagonal dá movimento entre duas secções.