voltar ao artesãoofício · como este site foi feito

O que ficou e o que saiu.

Este site guarda o próprio processo. Cada mudança abaixo vem dos registros do projeto, os documentos de decisão e o histórico de versões, com data, motivo e origem. O que foi recusado também fica.

período
jul. a out. 2026
origem
docs/ e histórico do git
ao vivo
o botão cota mostra a construção de qualquer tela

Antes e depois.

Entrada descartada: a frase Imagino. Desenho. Faço funcionar. sobre capturas de três obras.
saiu · 05 out.
Entrada restaurada: a pergunta experiência por velocidade em Mango laranja sobre o navy.
ficou
A entrada original voltou. A frase “Imagino. Desenho. Faço funcionar.” foi “descartada por estar fora do escopo”. A pergunta sobre o que acontece quando trocamos experiência por velocidade voltou a abrir o site. docs/design/2026-10-05-recalibracao
Galeria em faixas verticais, com a MC Doceria aberta ao centro.
saiu · 05 out.
Galeria atual: pranchas em profundidade, com o índice das cinco obras e as decisões de cada uma.
ficou
A galeria ganhou profundidade. A versão em faixas “melhorou a página, mas continuava simples e sem graça”. Vieram as pranchas em profundidade, com arraste, índice e as decisões de cada obra. docs/design/2026-10-05-folio
Capa do Manifesto em setembro: a palavra MANIFESTO em blocos e a frase cada escolha tem consequência.
saiu · set.
Capa atual do Manifesto: Cada escolha tem consequência, com três planos tipográficos.
ficou
Manifesto e Artesão na mesma linguagem. A capa em blocos deu lugar à tese “Cada escolha tem consequência.”, acompanhada de três planos tipográficos: forma, código e sentido. docs/design/2026-10-06-manifesto-artesao
Tentativa rejeitada no celular: o nome Patric Teixeira em escala monumental, ocupando a largura inteira.
saiu · 06 out.
Versão aprovada no celular: o nome em Mango compacto, contido na coluna.
ficou
O nome cabe na coluna. “A tentativa de expandir o nome pela largura inteira e deslocar as imagens foi rejeitada”. O nome ficou em Mango compacto, com o retrato e os painéis no lugar original. docs/design/2026-10-06-entrada-obras
Serviços em lista no celular, com o primeiro card aberto.
saiu · 06 out.
Serviços em cards sobrepostos no celular: o segundo card sobe sobre o primeiro.
ficou
Os serviços se empilham. A lista virou cards sobrepostos, com position:sticky e rolagem nativa. Cada card só ancora depois que o conteúdo inteiro passou pela tela. docs/design/2026-10-06-servicos-cards

A linha do tempo.

  1. A interrogação abre o site.

    A pergunta desenhada passa a ser o primeiro gesto da entrada.

    saiu a abertura que desenhava a logo por 4,7 s antes da página. “Duas marcas eram apresentadas em sequência… e o único tom fora da paleta” estava na primeira tela.

    docs/DOCUMENTACAO.md

  2. O portal vira planta e o contato vira rodapé.

    Os destinos passam a ser lidos como uma planta; o contato fica no fim de toda página.

    saiu a tabela do portal, que “era o lugar mais genérico do site”, e o contato atrás de um botão: “canal escondido atrás de um toggle é um canal a menos”.

    6cc3824 · 1516cb3

  3. As pranchas do Manifesto param de dançar.

    A composição do Manifesto fica contínua e estável.

    saiu o movimento coreografado das pranchas. “Geometria é arquitetura, não balé.”

    dfabcbc · docs/SPEC-manifesto-composicao-continua.md

  4. O ponteiro fica pequeno.

    Um losango que abre sobre o que é clicável. Só isso.

    saiu a mira cruzando a tela e a leitura de coordenada, que “competiam com a leitura do texto, e a coordenada era informação que ninguém pediu”.

    shared/cursor.js

  5. O portfólio na língua do cliente.

    Cada obra é descrita com o que o texto sustenta.

    saiu o ângulo “problema do negócio → resposta”, que “inventava o que o texto não sustenta”, e o benefício direto, que “produz o vocabulário de agência que o resto do site nega”.

    c0027cd · docs/superpowers/specs/2026-08-04-portfolio-lingua-do-cliente-design.md

  6. Navy e laranja.

    A paleta das páginas ativas passa a navy #141E30 e laranja.

    113d5ea · e962488

  7. As referências e a primeira reprovação.

    Os três corpos ficam só no entreMultiversos, onde pertencem.

    saiu o campo orbital no portfólio. “A aplicação das referências foi conservadora e transferiu a temática do site pessoal para o profissional.”

    docs/analises/2026-10-05-referencias-portfolio

  8. Recalibração.

    A entrada original volta e a galeria ganha profundidade.

    saiu a entrada “Imagino. Desenho. Faço funcionar.” e a galeria em faixas.

    docs/design/2026-10-05-recalibracao · docs/design/2026-10-05-folio

  9. Uma linguagem só.

    Manifesto e Artesão abrem na mesma linguagem espacial da entrada.

    saiu o nome do Artesão em escala monumental e a palavra “PATRIC’S” no cabeçalho.

    276f512 · docs/design/2026-10-06-entrada-obras

  10. A primeira impressão.

    Fontes voltam a ser arquivos, a narrativa da entrada cai de 22,3 para 11,0 telas e o texto corrido sai do laranja. O tempo da primeira palavra fica como está: “Antecipar a palavra mudaria o gesto de assinatura da abertura.”

    saiu o reflexo da galeria, “cinco imagens clonadas, viradas e borradas”, e as fontes em base64: “decodificar o data URL é tão simples quanto baixar o arquivo”.

    63ab450 · docs/analises/2026-10-06-awwwards-p0 · docs/FONTES.md

  11. Nenhuma letra se perde.

    As letras do título viajam entre páginas, as que sobram vão para a caixa de tipos, cada obra assume a identidade do cliente, o botão cota mostra a construção, o contato gera um selo, o movimento vira escolha e a página diz quanto pesou.

    docs/analises/2026-10-07-awwwards-p1-p2

Também ficou de fora.

  • Som. “O site não terá som.” docs/DOCUMENTACAO.md
  • Uma barra diagonal atrás do retrato. “Peça que precisa de babá não sustenta nada.” docs/DOCUMENTACAO.md
  • Terminal e sistema operacional simulados, vindos de uma referência: “Não há razão para importar arquivos fictícios, terminal ou uma inicialização simulada.” docs/analises/2026-10-05-referencias-portfolio
  • Grade de miniaturas, capa convencional e carrossel comum. Estão na lista do que não fazer desde o começo. docs/IDEIAS-DESIGN.md

O que foi medido.

Home antes e depois da rodada de 6 de outubro: tempos e transferência no celular com 4G simulado; telas, contraste e alinhamento no desktop. Fontes: docs/analises/2026-10-06-awwwards-p0 e docs/analises/2026-10-06-alinhamentos.
medidaantesdepois
primeira pintura2,95 s1,29 s
maior pintura6,02 s4,02 s
transferido1.048 KB396 KB
telas até o primeiro trabalho (1440 px)22,311,0
contraste do texto corrido5,95:112,92:1
linhas de base desalinhadas no Manifesto10,56 px0 px

O rodapé desta página diz quanto ela mesma pesou.

Nenhuma letra se perde. Algumas decisões, sim, e elas também contam.