Stickybit.← CadernoDesign · identidade e site · out 2026
Design · matéria viva

Seu restaurante tem uma cara. O seu site tem?

Papel creme, serifa e terracota viraram o visual padrão de IA: todo site novo parece saído do mesmo modelo. A gente faz identidade e site com matéria viva: a página fica quieta e legível, e responde quando o cliente mexe nela. A forma sai de algo real do seu negócio, não de um enfeite.

Primeira conversa sem custo · proposta fechada em até 48 horas úteis · Stickybit, Porto Alegre, desde 2004

Espécime · puxe as letras com o dedo ou o cursor
0formas decorativas: cada uma sai de um dado seu
1material por página; o resto em silêncio
quietaem repouso, a página se lê como papel
paradapara quem pediu menos movimento ao sistema

Cada letra é um corpo com mola: perto do toque, a largura e o peso da fonte crescem; longe, tudo volta ao desenho original com um leve balanço. É a proposta A (“Tensão”) do caderno Depois do papel, a matéria viva.

O problema

Todo site novo parece o mesmo.

Vinte anos de design oscilaram entre imitar matéria e assumir a tela: couro, flat, vidro, pixel, papel. A última parada é o humanismo editorial: fundo creme, serifa grande, um terracota. Era uma reação justa ao excesso de interface, mas virou o padrão que toda ferramenta de IA gera de saída. O cliente abre três sites de restaurante e vê o mesmo.

Nenhum desses estilos mudou o que a página faz. Continuaram imagens paradas. A saída não é outra textura: é tratar a interface como material com propriedades físicas (massa, tensão, viscosidade), que só se mexe quando o cliente mexe nele.

Modelo de IA

  • Paleta, fonte e grade iguais às do concorrente
  • Enfeite que se mexe sozinho e atrapalha a leitura
  • Forma orgânica sem significado (o blob de 2019)
  • Fica velho junto com a tendência

Matéria viva

  • Um material por página, escolhido pelo que o negócio é
  • Em repouso, quieta e legível; responde só ao toque
  • A forma é calculada a partir de um dado seu
  • Movimento reduzido respeitado: parada, continua completa
De onde a forma vem

No seu negócio já tem matéria.

A regra 3 do caderno diz: nada de blob decorativo. A forma orgânica é calculada a partir de algo real do cliente. Em comida e bebida isso sobra. Quatro exemplos do que já virou espécime na bancada:

Massa que estica.

Padaria, pastifício, pizzaria: o título alarga e volta como massa puxada. Tipo elástico, 30 linhas de código.

Gotas que se juntam.

Cervejaria, café, azeite: duas gotas viram uma quando o cliente arrasta. A marca como física, sem WebGL.

Litoral da entrega.

Fornecedor e distribuidora: a borda da lente segue o contorno da área que você atende. Fractal com semente fixa, igual toda vez.

Chama com semente.

Churrascaria, forno a lenha: ruído determinístico na borda, não aleatório. A mesma irregularidade toda vez, como uma assinatura.

O que fazemos

Identidade e site, com seis regras.

Marca, tipografia, cores e o site inteiro, do cardápio ao rodapé, construídos para o Google e a IA lerem e para o cliente sentir. As regras são públicas no caderno; o que muda de um cliente para outro é qual material a página recebe.

O site vem com painel para você mesmo trocar horário, prato do dia e fotos, e com a medição mensal de quem chegou pela busca. É o mesmo serviço do site para restaurante e bar, com a identidade feita junto.

Comportamento antes de textura

Mola, inércia e viscosidade no lugar de grão de papel. O calor está na resposta ao gesto.

O repouso é sagrado

Nada se mexe sozinho a ponto de atrapalhar. Puxa, estica, volta.

A forma sai do dado

A forma orgânica é calculada a partir de algo real do seu negócio.

Um material por página

Elástico, fractal ou viscoso. Escolher um e deixar o resto em silêncio editorial.

Tipo com eixo

Fontes variáveis como matéria: largura e peso reagem, mas a palavra nunca fica ilegível.

Imperfeição com semente

Ruído determinístico, não aleatório: a mesma borda irregular toda vez.

Feito em casa

Uma marca que bate como um balanço.

Calibr, Suíça · no ar em calibr.ch. O C do nome é um aro de balanço aberto para a direita. Na tela, ele oscila 28 graus para cada lado a cada 3,6 segundos, como a peça que dá o tempo num relógio mecânico. Para quem pediu menos movimento, fica parado. O resto segue a bancada do relojoeiro: marfim, pedra, prata, grafite e tinta, uma família tipográfica em peso leve, um dourado só para os movimentos. Ver o caso na home · calibr.ch.

Também desenhamos e mantemos os diretórios SaborCidade, AutoCidade e SaúdeCidade: é de lá que vem o que sabemos sobre o que o Google indexa, o que traz contato e o que a IA cita.
Como trabalhamos

Três passos, o primeiro de graça.

Conversa de 30 minutos

Você conta o que o negócio é e mostra o que já tem (site, Instagram, cardápio). A gente diz de qual dado seu a forma pode sair.

Direção, em 10 dias úteis

Dois caminhos de identidade, cada um com o seu material, num espécime para mexer no celular. Você escolhe um.

Site no ar, com painel

Identidade aplicada no site inteiro, dados que o Google e a IA leem, painel para o dia a dia e a análise de cada mês.

restaurantes e barescafeterias e padariascervejarias e vinícolasmarcas de alimentosdistribuidoras e fornecedoresbuffets e eventos
Conversar

Isto se aplica ao seu caso?

Conte em duas linhas o que o seu negócio é e mande o link do que você tem hoje. Respondemos em até 48 horas úteis com o que a gente faria primeiro e uma proposta fechada. Se não fizer sentido, dizemos.

Conversar pelo WhatsApp algorithms@stickybit.com.br Stickybit · Porto Alegre, desde 2004 · (51) 99602-8252

← Depois do papel, a matéria viva · stickybit.com.br