Fundo, sobreposição e borda desenhada são o que separa uma página de texto de uma página que parece composta. Todos os controles desta página ficam na aba Style do container.
Gradiente
Em Background, o tipo Gradient abre duas cores, a posição de cada uma em porcentagem, e o campo Type com Linear ou Radial. O linear ainda aceita um ângulo; o radial, um ponto de origem.
Uma segunda cor com transparência total produz o desvanecimento de uma cor só, útil para escurecer apenas a base de uma seção.
Linear entre duas cores, linear de transparente a sólido, e radial com origem deslocada.
Background Overlay
Abaixo de Background, a seção Background Overlay aceita uma segunda camada por cima da primeira, com os mesmos tipos de fundo. Os campos próprios dela são Opacity e Blend Mode.
É o recurso que torna legível um texto sobre foto: a imagem entra como fundo, e uma cor escura com opacidade parcial entra como sobreposição. O texto continua sobre a imagem, mas com contraste suficiente.
O padrão listrado abaixo simula a foto. A camada escura no meio é a sobreposição, com opacidade em torno de sessenta por cento.
Filtros de imagem
O widget Image traz CSS Filters na aba Style, com cinco reguladores: Blur, Brightness, Contrast, Saturation e Hue. Há um conjunto para o estado normal e outro para o estado de passagem do cursor, o que permite uma imagem em tons de cinza que ganha cor ao ser apontada.
Os mesmos filtros estão disponíveis na sobreposição de fundo do container.
Original, saturação em zero, desfoque de quatro pixels e matiz girada em cento e cinquenta graus.
Shape Divider
A aba Style do container traz Shape Divider, que substitui a linha reta entre duas seções por uma forma desenhada. Há um conjunto para o topo e outro para a base, ajustados de forma independente.
Esta instalação traz dezenove formas: Arrow, Book, Clouds, Curve, Curve Asymmetrical, Drops, Mountains, Opacity Fan, Opacity Tilt, Play Triangle, Pyramids, Split, Tilt, Triangle, Triangle Asymmetrical, Wave Brush, Waves, Waves Pattern e Zigzag. Onze delas têm versão invertida, escolhida pelo botão Invert.
Os campos Color, Width e Height ajustam a forma, e Flip a espelha na horizontal. A opção Bring to Front decide se a forma passa por cima do conteúdo do container.
Uma transição em onda e uma em zigue-zague, cada uma na base do próprio bloco de cor.
Bordas e sombra
A seção Border da aba Style traz o tipo da borda — sólida, dupla, pontilhada, tracejada, sulcada —, a espessura por lado, a cor, e Border Radius com um valor por canto. Raios diferentes em cantos diferentes produzem formas que não são retângulos.
Box Shadow abre deslocamento horizontal, vertical, desfoque, espalhamento, cor e a opção Inset, que joga a sombra para dentro em vez de para fora.
Cantos alternados, topo arredondado, sombra externa e sombra interna.
Fundo fixo
Ainda em Background, o campo Attachment com valor Fixed prende a imagem à janela: o conteúdo rola por cima e a imagem permanece parada.
A opção vale apenas em telas de mesa. O editor exibe esse aviso junto ao campo assim que Fixed é escolhido, e a regra é aplicada só a partir da largura de mesa, de modo que em telas menores a imagem volta a rolar junto com o conteúdo. Uma página que dependa do efeito para ser legível fica diferente no telefone.