Taste Lab

O que é o Taste Lab?

O Taste Lab é uma ferramenta de análise de design que faz engenharia reversa do DNA visual de qualquer site. Aponte-a para uma URL e ela retorna uma análise completa do design — cores, tipografia, espaçamento, sombras e o raciocínio por trás de cada decisão. O resultado é gerado em dois arquivos: um mapa de design em .md e um conjunto de tokens em .json, prontos para serem usados em qualquer ferramenta de construção baseada em IA.

Para quem é

• Engenheiros de design que precisam de um conjunto de tokens preciso e reutilizável de um concorrente ou site de inspiração, sem precisar de inspeção manual.
• Criadores de agentes de IA que desejam injetar contexto real de design em suas ferramentas — cores, regras de espaçamento e lógica de trade-offs — sem adivinhar.
• Designers de produto que querem entender por que um site tem a aparência que tem, não apenas quais valores hexadecimais ele usa.

Principais recursos

Pipeline de extração com quatro agentes

O Taste Lab executa quatro agentes de IA especializados em sequência. O primeiro extrai medições brutas (cada cor, peso, valor de espaçamento, raio e sombra). O segundo detecta regras sistemáticas a partir dessas medições. O terceiro infere o gosto do designer — os trade-offs deliberados por trás de cada escolha. O quarto atua como um filtro de qualidade, eliminando raciocínios imprecisos e validando o resultado antes de escrever os arquivos finais.

Saída do Mapa de Design e DNA do Gosto

Cada execução produz um Mapa de Design — um conjunto completo de tokens cobrindo 20 categorias de medição — e uma seção DNA do Gosto com quatro princípios. Cada princípio inclui o Gatilho, Decisão, Motivo, Evidência e Trade-off por trás de uma escolha de design. Pelo menos um princípio é uma Restrição, explicando o que o designer escolheu não fazer.

Citações exatas de pixels e hexadecimais

Sem aproximações. O resultado cita valores exatos de px, hex, proporção e DOM para cada medição. Por exemplo, um fundo de página pode ser #08090A (quase preto, não preto puro), com um texto primário de #F7F8F8 (quase branco, frio). O espaçamento é referenciado a uma unidade base (por exemplo, 8px), e cada sombra inclui seus valores completos de rgba e deslocamento.

O que se destaca

O Taste Lab não apenas diz como um site se parece — ele diz o que o designer abriu mão para que ele tivesse essa aparência.

A maioria das ferramentas de análise de design para em paletas de cores e pilhas de fontes. O Taste Lab vai além ao extrair o raciocínio por trás de cada escolha — o trade-off que torna um design intencional em vez de acidental. Um princípio como "A marca vive no branco, não na cor" explica por que um site quase preto usa o branco como seu acento em vez de uma cor da marca, e o que essa escolha sacrifica (por exemplo, a sensação barata de um template). Isso transforma um conjunto estático de tokens em uma filosofia de design reutilizável.

Vale a pena conferir se…

Você está construindo ferramentas de IA que precisam gerar ou adaptar interfaces visuais e quer que elas aprendam com decisões reais de design, em vez de guias de estilo aleatórios. Também vale a pena dar uma olhada se você é um designer que quer auditar seu próprio trabalho com a mesma lente crítica — ou se está fazendo engenharia reversa do site de um concorrente e precisa de mais do que um seletor de cores.