DocumentaçãoDesignPredefinições e Modelos

Predefinições e Modelos

Predefinições de design da indústria, como aplicá-las e como construir sobre elas.

O Que São Predefinições?

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

As predefinições modificam variáveis CSS, escolhas de fontes, espaçamento e paletas de cores. Elas são aplicadas em milissegundos e podem ser combinadas. São totalmente gratuitas — nenhum crédito é consumido.

Aplicando uma Predefinição

1.Abra qualquer projeto no Construtor 3D
2.Clique no ícone de pincel (Predefinições de Design) no painel esquerdo
3.Navegue por categoria ou role a grade
4.Clique em qualquer predefinição para visualizá-la ao vivo no painel direito
5.Clique em Aplicar para confirmar, ou navegue mais para comparar

A visualização ao vivo é atualizada ao passar o mouse sobre as predefinições — compare antes de confirmar.

Categorias de Predefinições

Predefinições da Indústria — Ajustadas para verticais específicas: Restaurante, SaaS de Tecnologia, Portfólio Criativo, Imobiliário, E-commerce, Saúde, Jurídico, Fitness, Beleza/Spa, Arquitetura, Sem fins lucrativos

Paletas de Cores — Esquemas de cores coordenados: Obsidian (escuro), Ártico (branco/gelo), Brasa (laranja quente), Oceano (azul/verde-azulado), Floresta (verde), Crepúsculo (roxo/violeta), Doce (pastel), Noir (preto e branco), Cobre (metálico quente)

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

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

Personalizando uma Predefinição

Predefinições são pontos de partida. Após aplicar:

Ajuste fino com o chat: "Deixe a cor de destaque um pouco mais quente" ou "Aumente o tamanho do título da seção"
Edite variáveis CSS diretamente na aba Código — modifique o bloco :root
Combine predefinições: Aplique uma predefinição da Indústria, depois sobrescreva com uma predefinição de Paleta de Cores para um resultado refinado

Todas as alterações são salvas automaticamente no seu projeto.