Capstone: a tua identidade visual de A a Z

Último briefing: o cliente és tu

A missão Sereno está entregue, o Atelier Lume está online, e o diretor do Studio Mango convoca-te uma última vez. «Bom trabalho. Gostávamos de te confiar projetos em direto… mas mostra-me o teu portefólio.» Silêncio constrangido: a tua página pessoal é anterior ao curso — uma lista de miniaturas sem alma, um nome em Arial, nenhuma identidade. O diretor sorri: «Perfeito. Eis o teu capstone: trata-te como o teu melhor cliente.» Tudo o que aprendeste em nove capítulos vai servir um projeto completo, da estratégia de marca ao portefólio online — para ti.

Este projeto final tem uma dificuldade que os outros não tinham: ser o próprio cliente é notoriamente difícil. Hesita-se indefinidamente, recomeça-se tudo cada semana, não se ousa nada ou ousa-se tudo. A parada: aplicar a ti mesmo a disciplina do estúdio — um briefing escrito, etapas com datas, a crítica dos cinco eixos, decisões assumidas. A IA desempenha aqui o seu melhor papel: o do diretor artístico externo que te coloca as perguntas que evitas.

Uma identidade é um sistema, não um logótipo

Primeira ideia a desconstruir: «preciso de um logótipo». Um logótipo sozinho não é uma identidade — é um sistema completo que torna a tua presença reconhecível em todo o lado: uma plataforma de marca (o que dizes), uma identidade visual (cores, tipografias, formas, tom — os teus tokens pessoais), e desdobramentos (portefólio, cartão social, assinatura de email, apresentação). Exatamente a pirâmide do capítulo 2, alargada para além do ecrã: os tokens alimentam os componentes, os componentes alimentam os suportes.

A plataforma de marca em cinco perguntas

Antes de qualquer pixel, as palavras. Uma plataforma de marca pessoal cabe em cinco respostas honestas: quem serves (estúdios? startups? artesãos locais?), o que trazes (design de produto? identidades? landing pages que convertem?), em quê és diferente (a tua resposta, depois deste curso: designer aumentado — a sensibilidade humana a pilotar a velocidade da IA), com que tom te exprimes (caloroso, preciso, direto?), e que prova podes mostrar (Sereno, Atelier Lume, este capstone).

A dificuldade não é responder — é responder com precisão. «Ajudo as empresas com o seu design» não posiciona nada. «Concebo landing pages que convertem, para marcas artesanais que recusam o look template» é um posicionamento: atrai os bons clientes e afasta os maus, que é exatamente o seu trabalho. Para te arrancar estas precisões, inverte o diálogo com a IA: faz-te entrevistar.

És estratega de marca. Entrevista-me para construir a minha plataforma de marca pessoal de designer.
Coloca-me as tuas perguntas UMA A UMA e espera pela minha resposta antes da seguinte. Aprofunda quando eu ficar vago — se eu disser «ajudo as empresas», pergunta quais, em quê, com que resultado.
Cobre: 1. quem sirvo precisamente, 2. o que trago concretamente, 3. o que me diferencia (método, sensibilidade, velocidade), 4. o meu tom natural, 5. as minhas provas disponíveis.
Após uma dezena de perguntas, redige a minha plataforma: posicionamento numa frase, 3 valores, tom de voz em 3 adjetivos, e a promessa que o meu portefólio deve encarnar.

Das palavras ao visual: a tua direção artística pessoal

Definida a plataforma, regresso ao capítulo 1 — mas o cliente és tu. Redige o teu briefing de direção artística em cinco blocos: contexto (a tua plataforma), emoção (três adjetivos, nem mais um), referências (duas ou três, com o que retiras de cada), restrições (os teus suportes-alvo, a acessibilidade AA), interditos (a tua lista antigenérico, enriquecida com tudo o que o curso te ensinou a detetar). Depois desenrola a cadeia conhecida: design system pessoal (capítulo 2), escalas de tons e tema escuro (capítulo 7), par tipográfico assinatura (capítulo 6), tokens de motion (capítulo 8).

O wordmark: um logótipo tipográfico chega

Boa notícia para o teu orçamento de tempo: não precisas de um pictograma. Um wordmark — o teu nome composto com cuidado — é o formato mais seguro e mais profissional para uma identidade pessoal. A receita: parte da tua fonte de títulos, compõe o teu nome, depois introduz uma única singularidade — uma ligadura invulgar, uma letra ligeiramente modificada, um ponto colorido, um espaçamento entre letras assinatura. Uma única: é a diferença entre um detalhe memorável e um nome desfigurado.

Pede à IA pistas em SVG: o formato vetorial declina-se em todos os tamanhos, modifica-se à mão, e integra-se em todo o lado — do favicon ao cabeçalho de apresentação. Gera cinco variações, aplica a crítica dos cinco eixos (o quinto — «se taparmos o nome, resta alguma coisa de ti?» — é ironicamente invertido aqui: o nome É o logótipo, é a sua composição que deve ser tua), escolhe, afina.

<svg viewBox="0 0 320 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Lina Moreau, designer">
  <title>Lina Moreau — designer</title>
  <text x="0" y="44"
        font-family="Fraunces, Georgia, serif"
        font-size="40" font-weight="560"
        letter-spacing="-0.5" fill="#2D3A36">lina moreau</text>
  <!-- A singularidade única: o ponto final na cor de destaque -->
  <circle cx="306" cy="40" r="5" fill="#E8A87C"/>
</svg>

O brand board: tudo numa página

Antes de desdobrar, condensa. Um brand board é uma página única que reúne a identidade inteira: o wordmark e as suas variantes (claro, escuro, favicon), a paleta com os seus papéis, o par tipográfico com um espécime de cada nível, o motivo ou detalhe assinatura, e três linhas de tom de voz com um exemplo de frase. É o teu capítulo 2 tornado visível num relance — a ferramenta que te evitará derivar nos desdobramentos, e a peça de portefólio que prova que pensas em sistemas.

Desdobrar em todo o lado sem se diluir

Uma identidade julga-se pela sua resistência aos desdobramentos. Cada suporte tem as suas restrições: o cartão social (a imagem que aparece quando se partilha o teu link) faz 1200 × 630 px e deve manter-se legível em miniatura de 300 px; a assinatura de email vive num ambiente HTML hostil que ignora metade do CSS moderno; o avatar reduz-se a 48 px de diâmetro; o modelo de apresentação deve sobreviver a um projetor de sala de reuniões. O teste é sempre o mesmo: os teus tokens aguentam o choque, ou cada suporte parte na sua própria direção?

flowchart TD
  PF["Plataforma de marca: as palavras"] --> ID["Identidade: tokens pessoais + wordmark"]
  ID --> BB["Brand board: tudo numa página"]
  BB --> S1["Portefólio online"]
  BB --> S2["Cartão social 1200 x 630"]
  BB --> S3["Assinatura de email"]
  BB --> S4["Modelo de apresentação"]

Cria o meu cartão social (og-image) em HTML/CSS autónomo, 1200 x 630 px, a partir do meu brand board:
[cola aqui os teus tokens + o SVG do teu wordmark]
Conteúdo: o meu wordmark, a minha frase de posicionamento («[a tua frase]»), e o meu detalhe assinatura.
Restrições:
- hierarquia legível mesmo reduzida a miniatura de 300 px de largura: testa mentalmente nesse tamanho e diz-me o que sobrevive
- contraste AA, generosidade de espaço, nenhum elemento decorativo gratuito
- entrega também a variante de tema escuro re-declarando os papéis
Depois lista as adaptações necessárias para desdobrar a mesma composição numa banner LinkedIn 1584 x 396.

O portefólio: mostra o processo, não apenas os resultados

Chega por fim o portefólio em si — e a armadilha clássica: a galeria de belas imagens mudas. Na era da IA, uma grelha de resultados bonitos prova cada vez menos: qualquer pessoa pode gerar bonito. O que te distingue é o raciocínio — e o teu portefólio deve mostrá-lo. O formato: a case study. Para a Sereno: o briefing e as suas restrições, a direção descartada e porquê, o design system e as suas arbitragens (o contraste do text-muted corrigido, o modo escuro repensado), as iterações-chave em antes/depois, o resultado. Três projetos contados assim valem mais do que doze miniaturas.

Sê transparente sobre o teu método: «designer aumentado» não é uma confissão, é um argumento. Mostrar um prompt de direção artística bem construído, e depois a triagem exigente que fizeste nas propostas, prova uma competência que os clientes começam precisamente a procurar: alguém que sabe dirigir a máquina para um resultado que ela nunca teria produzido sozinha. Podes até incluir uma caixa «como trabalho» que desarma a pergunta antes que ta façam.

E agora: a tua prática de designer aumentado

Tira um segundo para medir o caminho. Capítulo 1: definir uma intenção que a IA possa seguir. Capítulo 2: um design system como memória externa. Capítulo 3: prototipar em ciclo curto. Capítulo 4: entregar componentes limpos e acessíveis. Capítulo 5: criticar, ousar, fugir do genérico. Depois a profundidade: a tipografia como voz (6), a cor como sistema completo claro e escuro (7), o movimento como linguagem (8), a persuasão como estrutura (9). E este capstone, em que tudo converge para o projeto mais difícil: o teu.

O método é agora teu, e é transferível: a próxima app, a próxima marca, o próximo suporte que ainda não existe seguirão a mesma cadeia — intenção, sistema, protótipo, código, crítica. As ferramentas de IA mudarão de nome dentro de dezoito meses; a cadeia, essa, ficará. O gosto continua a ser teu; a IA acelera. O Studio Mango espera o teu portefólio na segunda-feira — e desta vez, sabes exatamente como fazer.