De um site, uma marca pronta para usar.
Auditoria visual, tom de voz e uma página demonstrativa em uma única análise. Você só usa 1 crédito quando o resultado fica pronto.
Crie sua conta. O acesso ao Studio depende de liberação.
Uma URL. Três entregas.
Auditoria visual
Cores, tipografia e materiais com a origem identificada.
Tom de voz
Uma proposta de voz para revisar, editar e aplicar.
Aplicação demonstrativa
Uma página HTML gerada junto com a referência, para visualizar a marca em uso.
Veja o que você leva.
Da página ao resultado, com tudo organizado.
DepoisA referência organizada
DesignDitto · designditto.com
- Cores
#b8ff63#f5faf7#0b1e2c- Tipografia
- DD Cabinet · DD Jakarta
- Voz de marca
- Proposta revisável: clara, prática e transparente sobre o que é gerado, o que pode ser editado e onde a coleta tem lacunas.
- Arquivos
- Pacote para IA, design e desenvolvimento
Este exemplo é uma análise real do próprio designditto.com, feita no Studio.
Leve a referência para o seu trabalho.
Do entendimento à aplicação, com a IA que você já usa.
Sites e interfaces com IA
Use a referência como contexto para novas páginas e componentes.
Conteúdo de marca
Leve a voz revisada aos seus pedidos de texto, roteiros e campanhas.
Design e desenvolvimento
Compartilhe tokens, estilos e materiais com quem implementa.
Materiais da referência.
O que foi possível coletar, em um só lugar.
Logos
Imagens
Fontes
- DD Cabinet
- DD Jakarta
A coleta depende do que a página disponibiliza publicamente e pode ter lacunas. O Studio sinaliza o que faltou.
Baixe e continue criando.
Exporte os arquivos e use como preferir.
design.mdDiretrizes visuaisbrand-voice.mdTom de voz da marcatokens.jsonCores, tipografia, espaçamentosvariables.cssVariáveis de estilopreview.htmlPágina demonstrativa- Suas análises ficam salvas na sua conta, com histórico de revisões. Revisar e exportar não usam crédito.
O preview.html é uma página demonstrativa com os elementos da referência; não reproduz o código completo do site analisado.
Como funciona.
Do link ao seu material, em três passos.
Analise uma página
Cole a URL de um site público e acompanhe as etapas no Studio.
Revise sua referência
Confira cores, tipografia, materiais e a voz. Edite o que quiser.
Exporte para usar
Baixe os arquivos e leve para o seu trabalho.
Como entrar no Alpha.
Criar a conta não libera o Studio automaticamente.
Crie sua conta
Com e-mail e senha ou com o Google.
Confirme seu e-mail
Para manter sua conta segura.
Aguarde a liberação
Avisaremos quando sua conta puder acessar o Studio.
Perguntas frequentes.
Tire suas dúvidas sobre o DesignDitto.
O acesso é imediato?
Não. O DesignDitto está em Alpha fechado: você cria e confirma sua conta, e avisamos por e-mail quando o acesso ao Studio for liberado.
O DesignDitto reproduz o código do site?
Não. O pacote organiza uma referência visual e de voz. A página HTML incluída é demonstrativa: mostra os elementos da referência em uso, não é uma cópia nem o código-fonte do site analisado.
E se algum material não estiver disponível na página?
A coleta depende do que a página expõe publicamente. O Studio sinaliza as lacunas; confira os materiais e os avisos antes de usar a referência.
Posso editar a proposta gerada?
Sim. Você revisa a referência, ajusta a voz e acrescenta orientações. O conteúdo original permanece separado da sua versão.
Quando um crédito é usado?
Uma análise usa 1 crédito, e só quando a coleta, a primeira voz de marca e a página HTML demonstrativa estão prontas. A primeira voz está incluída nesse crédito.
E se a análise falhar?
Se a análise falhar por um problema técnico, o crédito volta para a sua conta com a mesma validade que tinha.
Gerar outra proposta de voz custa crédito?
Sim: gerar uma nova proposta de voz usa 1 crédito, devolvido se a geração falhar. Aplicar uma proposta já gerada não usa crédito.
Posso usar os arquivos fora do Studio?
Sim. Você baixa o pacote e a página HTML demonstrativa. Os arquivos indicam quais imagens e fontes estão incorporadas.