Notas técnicas.

"Quanto custa um site de doze páginas?" é a pergunta mais comum e a que menos ajuda. Ela fixa a solução antes de alguém olhar o problema.

Às vezes o gargalo é o formulário de orçamento que ninguém responde. Às vezes é o catálogo que a equipe não consegue atualizar. Às vezes o site está certo e o problema é a página que o vendedor manda pelo WhatsApp.

O que um diagnóstico responde

• O que mudar: os três gargalos que mais custam ao negócio.
• Como medir: as métricas que dizem se funcionou.
• Por onde começar: um roadmap com escopo e investimento fechados.

Por isso o diagnóstico vem antes da proposta. Ele custa menos do que construir a coisa errada.

Quando se fala em design system, muita gente imagina uma página com todos os botões do site lado a lado. Isso é um catálogo. Um design system é outra coisa: o conjunto de decisões que faz a próxima tela sair certa sem que alguém precise lembrar delas.

O que um sistema tem que um catálogo não tem

• Tokens: a cor, o tipo e o espaço da marca com nome e valor. Mudou o vermelho, muda em todo lugar.
• Regras: quando usar cada componente e quando não usar.
• Origem: por que aquele componente existe e que decisão de marca ele carrega.

Sem regra, a terceira pessoa que mexer no site vai criar o quarto tom de cinza. Com regra, ela escolhe entre os que já existem.

Cada componente tem motivo. O sistema é o lugar onde esse motivo fica escrito.

A identidade é aprovada numa sexta. Na segunda, alguém recebe um PDF e um prazo para fazer o site. Ninguém erra de propósito, mas o PDF não diz como o menu se comporta no celular, qual é o espaço entre dois blocos ou o que acontece quando o título tem três linhas.

O resultado é conhecido: um vermelho parecido, uma fonte "quase igual", um botão arredondado num sistema todo reto.

Como evitar

• Transformar o brandbook em tokens antes de desenhar qualquer tela.
• Desenhar os estados que o PDF não mostra: vazio, erro, carregando, celular.
• Manter quem desenhou a marca por perto até o lançamento.

É por isso que a Heffer Dev existe: para não haver repasse.

Uma marca de alto padrão promete atenção e cuidado. Um site que demora para abrir no celular promete o contrário, e chega antes do logotipo.

• Imagens no tamanho certo para cada tela.
• Fontes carregadas só nos pesos usados.
• Animação com propósito, e desligada para quem pede menos movimento.

Desempenho não é detalhe técnico. É a primeira impressão da marca na tela.