Como avaliamos templates de sites

Cada template é pontuado pela mesma equipe de 11 profissionais: 6 designers e 5 desenvolvedores, cada um com mais de dez anos de experiência criando sites. Os designers atribuem a nota de design; os desenvolvedores atribuem a de desenvolvimento. Ninguém pontua uma área fora da sua disciplina. Você pode ler a trajetória e a perspectiva de avaliação de cada avaliador na nossa página da equipe de avaliação.

Dentro de cada disciplina, cada avaliador pontua de forma independente. As seis notas de design são combinadas em uma média para formar a nota de design publicada, e as cinco de desenvolvimento formam a média da nota de desenvolvimento publicada. Nenhuma pessoa e nenhum algoritmo define um número sozinho.

A nota de design mede a qualidade visual em uma escala de 0 a 10. Analisamos as escolhas tipográficas, a hierarquia do layout, a consistência estética, o uso de espaço em branco, a aplicação de cor e como o design visual se sustenta em diferentes tamanhos de tela.

Tipografia vai além do par de fontes. Verificamos a escala tipográfica, a altura de linha, o contraste dos títulos e se o texto continua legível em larguras de celular. Hierarquia de layout significa que o olho sabe para onde ir primeiro, segundo e terceiro sem ler instruções.

Espaço em branco e cor recebem o mesmo escrutínio. Seções apertadas, espaçamento inconsistente ou cor decorativa que briga com o conteúdo custam pontos. Design visual responsivo significa que os layouts do hero, os cortes de imagem e a navegação continuam parecendo intencionais no celular, e não apenas encolhidos.

Um 9.0 em design costuma significar tipografia coesa, espaçamento deliberado e um layout que aguentaria um case de portfólio. Um 6.0 costuma significar que a prévia parece boa mas o espaçamento quebra no tablet, ou que a escala tipográfica parece arbitrária depois do hero.

A nota de desenvolvimento mede a qualidade de construção na mesma escala de 0 a 10. Inspecionamos a estrutura do código, a organização do HTML e CSS, a implementação do CMS, o tratamento dos breakpoints, a performance de carregamento e a qualidade da documentação para personalização.

Qualidade de código significa nomes de classe limpos, estrutura lógica de componentes e nenhum inchaço óbvio de copiar e colar. No Webflow, verificamos se os estilos são sistemáticos e as interações bem construídas. No Framer, olhamos o uso de variantes e o comportamento responsivo dos componentes. No Shopify, revisamos a estrutura Liquid, o schema de seções e as configurações do tema.

A implementação do CMS é um fator importante. Coleções, campos e conteúdo dinâmico devem refletir como um site real seria gerenciado, e não placeholders fixos que desmoronam quando você adiciona páginas.

Tratar breakpoints é mais do que uma grade fluida. Redimensionamos pelas larguras padrão e anotamos onde os layouts quebram, transbordam ou exigem correções manuais. Performance e documentação completam a nota: assets pesados, scripts sem uso e instruções de configuração ausentes puxam a nota para baixo.

A nota de design e a de desenvolvimento são calculadas de forma independente, cada uma a partir da média dos seus próprios avaliadores. Os dois números são sempre publicados separadamente para você ver o quadro completo.

A nota geral é a média das duas: Nota geral = (Nota de design + Nota de desenvolvimento) / 2. É o número principal em cada card de template, e um template precisa alcançar 7.0 na nota geral para ser publicado.

Como os dois eixos são pontuados separadamente, um template pode tirar 9.0 em design e 5.5 em desenvolvimento, e dizemos isso com clareza. Essa separação é intencional. Uma prévia bonita com estrutura fraca por baixo é uma armadilha comum, e os compradores merecem ver os dois lados antes de comprar.

Ao navegar pelas nossas listagens de templates, você verá a nota geral em cada card e as notas de design e desenvolvimento em cada página de template. Preferimos expor uma diferença honesta a escondê-la.

As notas são calibradas com base em templates que usamos de verdade em trabalhos de cliente e projetos próprios. Cada template publicado na nossa biblioteca tem nota geral de 7.0 ou mais. As faixas abaixo descrevem o que cada intervalo significa na prática.

Cada template da biblioteca passou por um limite mínimo de qualidade. Não publicamos templates abaixo de 7.0 na nota geral.

Muito. Já analisamos mais de 10.000 templates de Webflow, templates de Framer e temas de Shopify, e hoje há 1.005 publicados: 349 de Webflow, 434 de Framer e 222 de Shopify. Isso é menos de 11% de tudo o que analisamos. Todos os que ficaram de fora tiveram nota geral abaixo de 7.0.

O limite é o mesmo para toda plataforma, preço e criador. Um template gratuito e um premium enfrentam o mesmo piso de 7.0, e um criador com muitos seguidores não ganha nenhuma concessão por isso. As notas decidem a inclusão, e é por isso que a biblioteca continua pequena enquanto o número de templates que analisamos continua crescendo.

Não avaliamos popularidade, volume de vendas nem reputação do criador. Um template campeão de vendas em um marketplace ainda pode ter estrutura de CMS fraca ou responsividade preguiçosa. Avaliamos apenas o template em si.

Nossa relação com um criador também não entra na conta. Ninguém paga por uma nota mais alta, e nenhum acordo de afiliados influencia os números. Para saber mais sobre como operamos, veja nossa página sobre nós.