Documentação do SeedProd

Documentação, materiais de referência e tutoriais para o SeedProd

Divisores de forma

Os separadores de forma adicionam efeitos decorativos de separação às bordas superior e inferior das seções e colunas da sua página. O SeedProd inclui 18 estilos de forma à sua escolha, permitindo que você crie transições suaves e um apelo visual entre as seções da página, mesmo sem ter experiência em design.

Exemplos de divisores de forma aplicados a seções no SeedProd

Adição de um divisor de forma

  1. Selecione a seção ou coluna à qual deseja adicionar um separador de formas. Clique no ícone de engrenagem (botão de configurações) ao passar o cursor sobre a borda do elemento ou selecione-o no painel de navegação de layout.
  2. No painel de configurações, clique na guia “Avançado ” e expanda a seção “Divisória de formas ”.
  3. Selecione a posição — Superior ou Inferior — e, em seguida, escolha um estilo de forma no menu suspenso Tipo.
Configurações do Divisor de Formas na guia “Avançado”, exibindo as opções Tipo, Cor, Largura, Altura, Inverter e Trazer para a frente

Opções de personalização

Depois que um tipo de forma é selecionado, as seguintes opções ficam disponíveis:

  • Cor: Defina a cor de preenchimento do divisor de formas.
  • Largura: ajuste a largura da forma na seção.
  • Altura: Controle a altura com que o divisor de formas é exibido.
  • Inverter: reflita a forma horizontalmente para obter uma orientação invertida.
  • Trazer para a frente: exibe o separador de formas à frente de todos os outros elementos dentro da seção ou coluna.

Dica:você pode adicionar um divisor superior e um divisor inferior à mesma seção ou coluna, configurando cada posição separadamente.


Os separadores em forma são uma maneira simples de dar um toque de elegância visual entre as seções da sua página. Experimente diferentes formas, tamanhos e cores para criar transições suaves que complementem o design geral.

Artigos relacionados