Gerador de padrões

Sobre Gerador de padrões

O gerador de padrões transforma quase 2000 desenhos já prontos em fundos que pode ajustar e usar de imediato. Explore 14 coleções, desde ondas, bolinhas e tesselações até tartans, seigaiha japonês, estrelas islâmicas, leques Art déco, sprites de píxeis e camuflado, e veja cada um nas suas cores.

Cada desenho é feito como arte vetorial e repete-se sem emenda visível, com qualquer zoom e em qualquer ângulo. Altere até seis cores, o zoom, a posição, o espaçamento, a espessura do traço e o ângulo, transforme formas preenchidas em contornos ou deixe o padrão mover-se com uma animação em ciclo. Os padrões generativos, como mapas topográficos, células de Voronoi e ladrilhos de Truchet, podem criar uma nova variação a cada clique.

Quando estiver como pretende, copie-o como CSS, SCSS, configuração do Tailwind, SVG em linha, URI de dados ou componente React, ou transfira um SVG, PNG, JPG ou WebP de qualquer tamanho até 8000 píxeis, incluindo um único ladrilho para a sua própria repetição. Tudo corre no seu navegador: nada é enviado e não precisa de conta.

Como usar Gerador de padrões

1. Escolha um padrão: pesquise por nome ou filtre por coleção e número de cores.
2. Escolha as cores com os seletores, uma paleta já pronta ou «Nova paleta».
3. Ajuste o zoom, a posição, o espaçamento, o traço e o ângulo. Bloqueie os valores de que gosta antes de carregar em «Inspiração».
4. Verifique-o com as pré-visualizações «Mostrar o ladrilho», «Numa página» e «No texto».
5. Copie o código ou transfira o ficheiro e use «Copiar ligação» para regressar mais tarde a este mesmo padrão.

Perguntas frequentes