Estilos do catálogo da 1001site
Um estilo é um modelo de site pré-desenhado baseado em uma plataforma conhecida: cores, fontes, formatos de botões e cards e animações. O catálogo da 1001site contém 1.000 estilos. Selecione um modelo, clique em "Aplicar" e seu site será desenvolvido nesse estilo.
Para quem é indicado?
Para quem deseja um site bonito sem precisar de um designer. Você pode alterar o estilo quantas vezes quiser.
Onde escolher um estilo#
- Na sua conta: Configurações → Início e Menu → "Estilo do Site" → "Selecionar Estilo" (ou "Selecionar Outro"). Ou siga o passo 2 do guia.
- No site do diretório 1001site.com: abra o estilo e clique em "Aplicar ao seu painel" na parte inferior do cartão. Se você já estiver conectado, o estilo será aplicado imediatamente.
- No catálogo, após o cadastro, selecione "Obter" → "Tudo Incluído". O estilo será memorizado e aplicado após o pagamento.
Passos#
Etapa 1. Abra o catálogo#
Na seção "Estilo do Site", clique em "Selecionar Estilo". Uma janela com cartões será aberta. Passe o cursor sobre um cartão para ver um vídeo do site de exemplo.
Etapa 2. Encontre um estilo#
A busca pesquisa por marca, cor, fonte e categoria. Por exemplo: "apple", "minimal", "dark", "shop".
Etapa 3. Clique em Aplicar#
Em poucos segundos, o estilo será aplicado: cores, fontes, arredondamento, sombras e animações. O nome e a pré-visualização do estilo selecionado aparecerão no bloco "Estilo do Site". Abra o site clicando no link "Ver o resultado".
O que muda o estilo#
| O que | Como |
|---|---|
| Cores | Plano de fundo, cartões, texto, destaque. Tema claro ou escuro padrão — como no exemplo. |
| Fontes | Uma fonte semelhante à fonte de exemplo é selecionada no Google Fonts. |
| Forma | Arredondamento de botões e cartões, cartões planos ou com sombra, densidade |
| Animações | Um dos quatro conjuntos: calmo, suave, brilhante, dinâmico |
| Lar | Se a opção "Página inicial personalizada" estiver ativada, um bloco de destaque com o nome do site e o slogan de estilo será adicionado no topo. |
O estilo não afeta seu texto, produtos, categorias, páginas ou seu CSS. Suas edições de CSS são salvas ao lado do bloco de estilo.
Assistente de estilo e IA#
Após selecionar um estilo, o assistente de IA monta a página inicial e as páginas com base na referência de design desse estilo: composição, imagens, tipografia e tom do texto. Esse é o mesmo princípio usado por designers: estilo → sistema de design → páginas.
Alterar ou remover estilo#
- Alteração: "Escolher outro" → selecionar novo → "Aplicar". O bloco de estilo anterior será substituído, não adicionado.
- Remover: o ícone da lixeira na pré-visualização do estilo. Isso remove o CSS e o nome do estilo. As cores e as fontes permanecem como estão — você pode ajustá-las em Personalização ou pedir ao assistente para "redefinir o design".
Arquivos de estilo#
Cada estilo no catálogo possui arquivos que são compreendidos por ferramentas de IA:
- DESIGN.md (completo e compacto) — descrição do estilo: cores com suas funções, fontes, tamanhos, recuos, regras de permissão/proibição.
- Tailwind v4 é um tema para Tailwind.
- Variáveis CSS - Variáveis CSS.
- Tokens de design — JSON com tokens.
Os arquivos podem ser copiados ou baixados da página do catálogo de estilos. É fácil entregá-los ao Claude, ChatGPT, Cursor ou ao nosso assistente: "Faça neste estilo". Consulte o Catálogo de Estilos.
Tarifas#
A aplicação de um estilo ao seu site está disponível nos planos pagos. Sem um plano, o estilo é salvo e aplicado automaticamente após o pagamento.
Perguntas e Respostas#
O estilo foi aplicado, mas o site não está igual ao exemplo. Por quê?#
O estilo abrange cores, fontes, formas e animações. A estrutura da página e as fotos são suas. Para que a página inicial fique como o exemplo, peça ao assistente de IA: "Crie a página inicial no estilo do site: destaque, vantagens, galeria, contatos."
Posso aplicar um estilo a vários sites?#
Sim, o estilo foi aplicado ao site atual. Alterne entre os sites no seu painel de controle e aplique o estilo novamente.
Eu alterei a cor manualmente e depois apliquei o estilo. Qual fica melhor?#
Estilo. As cores definidas no estilo substituirão as cores definidas manualmente. O CSS personalizado da seção "Código e Widgets" permanecerá inalterado.
De onde vêm os exemplos?#
A partir de um catálogo aberto de estilos populares de sites. Vídeos e pôsteres estão armazenados em nosso servidor.