Documentação do SeedProd

Documentação, Materiais de Referência e Tutoriais para SeedProd

Divisores de Forma

Divisores de Forma adicionam efeitos de separador decorativos às bordas superior e inferior de seções e colunas em sua página. O SeedProd inclui 18 estilos de forma para escolher, permitindo que você crie transições suaves e interesse visual entre as seções da página sem nenhuma experiência em design.

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

Adicionando um Divisor de Forma

  1. Selecione a seção ou coluna à qual deseja adicionar um divisor de forma. Clique no ícone de engrenagem (alça de Configurações) ao passar o mouse sobre a borda do elemento, ou selecione-o no painel Navegação de Layout.
  2. No painel de configurações, clique na aba Avançado e expanda a seção Divisor de Forma.
  3. Selecione a posição — Superior ou Inferior — em seguida, escolha um estilo de forma no menu suspenso Tipo.
Configurações do Divisor de Forma na aba Avançado mostrando opções de Tipo, Cor, Largura, Altura, Inverter e Trazer para Frente

Opções de Personalização

Depois que um tipo de forma for selecionado, as seguintes opções estarão disponíveis:

  • Cor: Defina a cor de preenchimento do divisor de forma.
  • Largura: Ajuste a largura com que a forma se estende pela seção.
  • Altura: Controle a altura com que o divisor de forma aparece.
  • Inverter: Espelhe a forma horizontalmente para uma orientação invertida.
  • Trazer para Frente: Exiba o divisor de forma na frente de todos os outros elementos dentro da seção ou coluna.

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


Divisores de forma são uma maneira simples de adicionar polimento 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