--- title: Estilos do catálogo da 1001site description: Como escolher um estilo entre 1.000 exemplos de sites populares, aplicá-lo ao seu site, alterá-lo ou removê-lo. Arquivos de estilo para AI. section: design keywords: Estilo do site, catálogo de estilos, design, tema, cores, fontes, referência, DESIGN.md updated: 2026-09-16 howto: yes --- 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. > [!tip] Para quem é indicado? > Para quem deseja um site bonito sem precisar de um designer. Você pode alterar o estilo quantas vezes quiser. ![Como escolher um estilo para o seu escritório](/wiki/img/style-picker.webp "A janela “Selecionar um estilo do catálogo”: pesquisa, cartões de vídeo, botão “Aplicar”.") ## 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](/wiki/pt/guide). - No site do diretório [1001site.com](https://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](/wiki/pt/reference-catalog). ## 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.