Como fazer um one-pager no Claude Design que caiba em uma página?

estrutura de um one-pager no Claude Design organizada para caber em uma única página
Resposta rápida

Um one-pager no Claude Design cabe em uma página quando a decisão de corte acontece antes do pedido: uma frase de mensagem principal, três blocos de apoio e uma ordem de leitura clara. Com isso definido, você descreve o material em um pedido único e delimitado, recebe a primeira versão e refina por edição direta no canvas, comentário inline ou chat, conforme o tipo de mudança. No fim, exporta em PDF (ou PPTX e HTML) e compartilha o link com escopo da organização. A ferramenta executa rápido, mas a hierarquia da informação continua sendo sua.

Fala aí, beleza? One-pager é o formato que parece o mais fácil de todos e é justamente o que mais dá trabalho

Porque one-pager não é um documento curto

É uma decisão de corte

O Claude Design, produto do Anthropic Labs lançado em 17 de abril de 2026, gera o material conversando com você e cita one-pager entre os formatos oficiais (junto com designs, protótipos e slides)

Só que tem uma parte que ele não resolve sozinho: qual é a mensagem principal, o que vira detalhe secundário e em que ordem a pessoa lê

Isso é seu 🙂

Neste post a gente monta a estrutura ANTES do pedido, e aí sim descreve o material pro Claude

Spoiler: é o que corta rodada de ajuste pela metade

Formação Claude Code
Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

  • 120 aulas
  • 4 projetos
  • 9h 45min

O que você precisa antes de abrir o Claude Design

Primeiro o acesso

O Claude Design está em beta nos planos Claude Pro, Max, Team e Enterprise, incluído na assinatura

Ele fica em claude.ai/design ou pela barra lateral no app de desktop

Se você quiser entender melhor o produto em si antes de seguir, dá uma olhada no post sobre a ferramenta de design da Anthropic

Aviso pra quem é de empresa: no Enterprise ele vem DESLIGADO por padrão

Quem habilita é o admin, nas configurações da organização

Então se você abriu e não achou nada, calma, pode não ser problema seu

Material de entrada (opcional, mas ajuda muito):

Você não precisa começar do zero absoluto

Dá pra importar da sua base de código, de uma captura web ou de arquivos DOCX, PPTX e XLSX

E dá pra trazer um ou vários design systems, a partir de repositório do GitHub, arquivos de design ou uploads brutos

Isso importa porque one-pager quase sempre nasce de um material que já existe em algum lugar: um doc gigante, um deck de 20 slides, uma planilha

O trabalho é justamente espremer aquilo em uma página

Passo a passo para montar o one-pager em uma página

A lógica aqui é simples: os três primeiros passos acontecem FORA da ferramenta

Parece perda de tempo, mas é o contrário

A boa prática oficial de prompt diz exatamente isso: quebrar tarefas grandes em partes discretas e ser específico sobre requisitos melhora o resultado, e uma tarefa focada e delimitada rende mais que vários objetivos empilhados num prompt só

Bora ver na prática?

  1. Escreva a mensagem principal em UMA frase

Uma frase, sem subordinada, sem "e também"

Se a pessoa ler só essa linha e fechar o arquivo, o que ela precisa ter entendido?

Esse é o teste

O erro comum deste passo: começar pelo visual

A pessoa abre a ferramenta pensando em cor, fonte e grid, e a mensagem vai se formando por acidente no meio do caminho

Aí o one-pager fica bonito e não diz nada

  1. Liste tudo e corte o que é detalhe

Joga tudo numa lista, sem filtro, e depois separa em duas colunas: o que SUSTENTA a mensagem principal e o que é anexo

Anexo é tudo que você guarda pra responder se perguntarem

Não precisa estar na página

O erro comum deste passo: transformar corte em fonte menor

Clássico, né?

A pessoa não corta nada, só diminui o corpo do texto e aperta o espaçamento até caber

Isso não é um one-pager, é um documento inteiro em miniatura

  1. Defina a ordem de leitura

O que a pessoa lê primeiro, o que ela lê em segundo, o que ela lê em terceiro

E qual é a ação final que você quer que ela tome depois de ler

Escreve isso numerado mesmo, em texto puro

Essa ordem é a hierarquia visual da página depois, então é ela que define o que fica grande e o que fica pequeno

O erro comum deste passo: confundir ordem de leitura com ordem cronológica

Ninguém quer saber que o projeto começou em janeiro

A pessoa quer saber o que mudou e o que ela faz com isso

  1. Transforme a estrutura em um pedido único e delimitado

Agora sim você abre o Claude Design e descreve

E descreve a ESTRUTURA que você decidiu, não um desejo vago tipo "faz um one-pager bonito do produto"

Mais ou menos assim:

Monte um one-pager de uma página só.

Mensagem principal (topo, maior peso visual):
(sua frase única aqui)

Bloco 1 (segunda leitura): (o que sustenta a mensagem)
Bloco 2 (terceira leitura): (prova, dado ou exemplo)
Bloco 3 (fechamento): (a ação que a pessoa deve tomar)

Requisitos: tudo cabe em uma página, sem rolagem extra.
O que não está nesta lista fica de fora.

O erro comum deste passo: pedir três coisas ao mesmo tempo ("faz o one-pager, adapta pra slide e já gera uma versão dark")

Um objetivo por pedido rende MUITO mais

  1. Receba a primeira versão e escolha o caminho de ajuste certo

O fluxo é esse: você descreve, o Claude gera uma primeira versão, e você refina

O ponto que quase ninguém presta atenção é que existem três caminhos distintos de refino, e cada um serve pra um tipo de mudança

Usar o caminho errado é o que gera aquela sensação de "tô brigando com a ferramenta"

Tipo de mudança Caminho Exemplo
Ajuste fino de layout Edição direta no canvas Arrastar, redimensionar, alinhar, editar texto, ajustar cor e espaçamento
Mudança pontual num elemento Comentário inline (clicando no elemento) Trocar o texto daquele bloco específico
Mudança estrutural Chat Nova seção, reordenar a página, algo que exige explicação e contexto

Regra prática: se a mudança cabe num gesto, é canvas

Se ela precisa de contexto, é chat

O erro comum deste passo: pedir no chat o que era pra ser arrastado com o mouse

Você descreve um ajuste de alinhamento em três frases, o modelo interpreta do jeito dele, e volta diferente do que você queria

  1. Exporte e compartilhe

Com a página fechada, dá pra exportar em PDF, PPTX ou HTML

E dá pra compartilhar link com escopo da organização, quando o material é interno

O erro comum deste passo: exportar antes de dar a última lida na ordem de leitura que você definiu no passo 3

Abre o PDF e lê de cima pra baixo como se fosse a primeira vez

Se a sequência não bateu com a que você escreveu, o ajuste é estrutural, então volta pro chat

Quando o one-pager vira outra coisa (e o que fazer nesses casos)

Nem todo one-pager termina em PDF

Se liga em três destinos diferentes, porque a estrutura muda conforme o destino

One-pager de apresentação pessoal:

Currículo entra aqui

O Claude Design permite criar one-pager e currículo com exportação em PDF, que é o formato que todo mundo espera receber

Aqui a ordem de leitura é o que decide tudo: quem lê currículo passa o olho, não lê linha por linha

One-pager de produto dentro de uma identidade visual:

Quando a peça precisa sair na cara da marca, o caminho é trazer o design system

Dá pra trazer um ou vários, a partir de repositório do GitHub, arquivos de design ou uploads brutos

A parte legal: o Claude constrói usando esses componentes e confere a própria saída contra o design system antes de te mostrar

É a mesma lógica de escrever regra que o modelo consegue seguir, igual acontece quando você define regras de breakpoint no Claude Code: quanto mais explícita a regra, menos interpretação criativa no meio do caminho

One-pager que é rascunho de produto:

Às vezes aquela página vira a base de uma tela de verdade

Nesse caso rola o handoff para o Claude Code, que segue do trabalho existente em vez de recomeçar de uma captura de tela

Muda bastante o jogo, porque a alternativa de sempre era printar e pedir pra IA adivinhar o que era o quê

E o aviso honesto:

A documentação lista duas limitações conhecidas, e as duas pesam justamente em revisão a quatro mãos

  • comentários inline às vezes não aparecem na página (seguem visíveis abrindo a visão de comentários)
  • a edição simultânea por duas ou mais pessoas ainda é básica e pode não funcionar de forma confiável

Então se o one-pager vai passar por três pessoas ao mesmo tempo numa sexta à tarde, combina turno de edição

Já viu esse filme, né? 😀

Conclusão

A página só fecha quando a decisão já está tomada fora da ferramenta

Mensagem principal em uma frase, corte de verdade (não fonte menor) e ordem de leitura definida

Com isso na mão, o Claude Design executa muito bem, e o refino vira ajuste de acabamento em vez de rodada infinita de "não era bem isso"

Próximo passo prático: abre um bloco de notas e escreve a frase da mensagem principal mais os três blocos de apoio

Leva uns cinco minutos

Depois abre o claude.ai/design e pede a primeira versão

A diferença entre fazer isso e não fazer aparece já na primeira geração…

até o próximo post!

Perguntas frequentes

Quanto custa fazer um one-pager no Claude Design?

Nada além da assinatura que você já tem. O Claude Design está em beta nos planos Claude Pro, Max, Team e Enterprise, incluído na assinatura, sem cobrança separada por projeto.

Dá para importar um documento ou uma planilha pronta para virar o one-pager?

Dá: os formatos de importação aceitos são arquivos DOCX, PPTX e XLSX, além de captura web ou da sua própria base de código. Isso ajuda bastante quando o one-pager nasce de um material que já existe, tipo aquele deck de slides gigante.

Por que o Claude Design não aparece na minha conta de empresa?

Porque no Enterprise ele vem desligado por padrão. Quem habilita é o admin, nas configurações da organização, e depois disso o trabalho fica compartilhável só dentro dela.

Dá para continuar o one-pager como um site de verdade depois?

Dá, via handoff para o Claude Code, que segue do trabalho existente em vez de recomeçar do zero a partir de uma captura de tela. É o caminho quando o material sai do papel e vira produto.

O comentário que eu deixei no one-pager sumiu, isso é bug?

É uma limitação conhecida: comentários inline às vezes não aparecem na página, mas seguem visíveis abrindo a visão de comentários. Vale lembrar também que edição simultânea por duas ou mais pessoas ainda é básica e pode não funcionar de forma confiável.

Como eu ajusto o one-pager depois que o Claude gera a primeira versão?

Por três caminhos diferentes: edição direta no canvas para arrastar, redimensionar, alinhar, editar texto e ajustar cor e espaçamento; comentário inline clicando no elemento para uma mudança pontual; e chat para mudança estrutural, nova seção ou o que exige explicação e contexto.



Escrito por | Matheus Battisti

Matheus Battisti
Fundador da Hora de Codar

Programador apaixonado pelo mundo das tecnologias, sempre buscando em aprender e se aprofundar em linguagens, frameworks e o que mais for necessário para executar um bom trabalho. Agora tem uma nova missão que é de passar seu conhecimento adiante para formar novos programadores e especializar mais os que já são.

Subscribe
Notify of
guest

0 Comentários
Oldest
Newest Most Voted

Formações

Formação Vibe Coding

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

  • 474 aulas
  • 20 projetos
  • 39h 27min

Blog | Mais populares