As quatro alavancas de um design
Nos próximos cinco minutos você vai conhecer as quatro alavancas que transformam uma página genérica numa página com design — e vai ter puxado uma delas você mesmo, no seu próprio artifact.
A orientação da própria Anthropic para conseguir resultados mais bonitos do Claude — a documentação, o cookbook, a skill de frontend-design — volta sempre às mesmas quatro dimensões. Aprenda a enxergá-las separadamente e você diagnostica qualquer página em menos de um minuto.
Aqui está a mesma página plana, competente e sem direção, com uma alavanca puxada por vez. Nada mais muda entre os dois lados de cada slider.
Alavanca 1 · Tipografia
AntesDepois
O tipo é a alavanca mais forte porque é a que o leitor sente primeiro. A página base usa uma fonte numa escala educada — sem voz nenhuma. O lado direito assume: uma fonte display com personalidade, um salto extremo de tamanho no título, uma segunda fonte (mono) para os labels pequenos. Duas fontes com funções claras vencem uma fonte fazendo tudo.
Alavanca 2 · Cor
AntesDepois
Repare no que o lado direito não é: não é cinco cores em quantidades iguais. É uma cor dominante que é dona da página e um acento que ganha atenção justamente porque é escasso. Paletas tímidas, equilibradas demais, são um sinal; assumir uma cor é uma decisão.
Alavanca 3 · Fundo e profundidade
AntesDepois
prática
Abra o Claude Cowork no seu computador e experimente em arquivos reais. Cada módulo termina com um checkpoint onde você envia o que criou.
Abrir no ClaudePróxima
Nomeie a direção