DocsDesignPresets e Templates

Presets e Templates

Presets de design por setor, como aplicá-los e como construir sobre eles.

O Que São Presets?

Os Presets de Design são configurações de estilo criadas profissionalmente que transformam instantaneamente o caráter visual de qualquer site gerado — sem alterar o conteúdo ou a estrutura HTML.

Os presets modificam variáveis CSS, escolhas de fontes, espaçamento e paletas de cores. Eles se aplicam em milissegundos e podem ser combinados. São completamente gratuitos — sem créditos consumidos.

Aplicando um Preset

1.Abra qualquer projeto no Construtor 3D
2.Clique no ícone de pincel (Presets de Design) no painel esquerdo
3.Navegue por categoria ou role a grade
4.Clique em qualquer preset para visualizá-lo ao vivo no painel direito
5.Clique em Aplicar para confirmar, ou navegue mais para comparar

A visualização ao vivo atualiza conforme você passa o mouse sobre os presets — compare antes de confirmar.

Categorias de Preset

Presets de Setor — Ajustados para verticais específicos: Restaurante, Tech SaaS, Portfólio Criativo, Imóveis, E-commerce, Saúde, Jurídico, Fitness, Beleza/Spa, Arquitetura, Sem fins lucrativos

Paletas de Cores — Esquemas de cores coordenados: Obsidian (escuro), Arctic (branco/gelo), Ember (laranja quente), Ocean (azul/teal), Forest (verde), Dusk (roxo/violeta), Candy (pastel), Noir (preto e branco), Copper (metálico quente)

Conjuntos de Tipografia — Par de fontes + dimensionamento: Editorial, Moderno, Técnico, Artesanal, Corporativo, Cinematográfico, Humanista

Densidade de Layout — Espaçamento e contenção: Arejado (espaço generoso), Padrão, Compacto (denso em informação)

Personalizando um Preset

Os presets são pontos de partida. Após aplicar:

Ajuste fino com chat: "Deixe a cor de destaque um pouco mais quente" ou "Aumente o tamanho do título da seção"
Edite as variáveis CSS diretamente na aba Código — modifique o bloco :root
Combine presets: Aplique um preset de Setor, depois substitua com um preset de Paleta de Cores para um resultado refinado

Todas as mudanças são salvas automaticamente no seu projeto.