Website helper e paletas

Planeje um site por meio de uma entrevista curta, receba recomendações de páginas e seções, aprove um blueprint e escolha uma paleta de cores a partir do seu logo.

Esta página foi traduzida do inglês. Se houver qualquer diferença, vale a versão em inglês. Ler em inglês

Planeje um site com o helper

Abra Design → Website helper. O selo no topo diz se as sugestões usam Claude suggestions ou Matching without AI.

Inicie um plano. Em Plans, dê um nome a ele e clique em Start plan.
Responda à entrevista (1. Discovery). A rodada 1 tem 8 perguntas, 5 delas obrigatórias: setor, objetivo principal, público, região e evidências da marca. Em uma pergunta obrigatória você pode usar Save answer ou Let Atlas assume. A rodada 2 abre com até 7 perguntas de acompanhamento opcionais (captação de leads, páginas de ofertas, idiomas, conformidade, provas de credibilidade, nível de movimento, responsável pelo conteúdo), cada uma com o motivo de ser perguntada.
Adicione briefs (2. Briefs), opcional. Envie arquivos de texto, Markdown ou JSON de até 256 kB. Os briefs são lidos como informação simples: instruções dentro deles são sinalizadas e nunca seguidas.
Receba recomendações (3. Recommendations). O Atlas sugere tipos de página, as seções que o seu site já tem e itens aprovados da biblioteca, e lista as suas Assumptions.
Aprove o blueprint (4. Blueprint). Ajuste cada Page title e Address (slug) e clique em Approve blueprint. Um blueprint aprovado nunca muda; inicie um novo plano para mudar de direção.
Crie as páginas em rascunho. Clique em Create draft pages e depois em Open draft para preenchê-las no editor de páginas. Nada é publicado.

IA e créditos. Quando as sugestões de IA estão ativadas, cada recomendação usa os créditos de IA da sua organização. Se a IA não estiver configurada, se não restarem créditos ou se a IA estiver indisponível, o Atlas recorre à correspondência sem IA e não cobra nada.

Limites. Até 50 planos por site e 10 briefs por plano. As páginas em rascunho são criadas vazias a partir do tipo de página; os itens recomendados da biblioteca são listados, mas não são colocados nas páginas.

Escolha uma paleta a partir do seu logo

Abra Design → Brand e o cartão Palettes from your logo (o site precisa de um contrato do site ativo).

Escolha de onde Sample colours from (seu logo ou uma imagem da mídia; PNG, JPEG, WebP ou GIF) e depois Suggest palettes.
Compare seis paletas: três From your logo e três Independent. Cada uma mostra o contraste WCAG como AA, AA large ou Fails. Alterne Preview width entre Phone e Desktop e clique em Compare on a page para vê-las em uma página real.
Clique em Edit tokens para ajustar qualquer uma das 12 cores (fundo, superfície, texto, texto secundário, ação primária, texto sobre a primária, destaque, borda, sucesso, alerta, erro, anel de foco). O contraste é medido de novo enquanto você edita; Reset to suggested desfaz as suas alterações.
Clique em Use this palette. Paletas com texto abaixo de 4,5:1 de contraste não são oferecidas.

Usar uma paleta propõe uma alteração na configuração do site; ela não altera o seu site. Um administrador do site a revisa e a ativa em Site setup, e o seu desenvolvedor mapeia os tokens de cor para o seu CSS. O Atlas mostra a tarefa do desenvolvedor junto com a proposta.

Templates. Save as template guarda uma paleta para todos os sites da sua organização (até 100 templates). Use-a em outro site com Use template.

Para agentes de codificação

Uma conexão de agente de codificação com a permissão Read website plans pode ler blueprints aprovados, paletas e design tokens por MCP, somente leitura. Veja Agentes de IA (MCP).

Biblioteca criativa e animações Fontes