Decisão de composição · 17 set 2026

A dobra de diferenciais, em três composições

As três estão montadas com o conteúdo real dos cinco itens, no fundo e na tipografia do site. Role devagar: cada composição tem o efeito de entrada dela. O primeiro bloco é o que está no ar hoje, para servir de régua.

Por que mexer: a régua da casa bane três cards iguais em linha e manda usar grade assimétrica. Os sites que abrimos e medimos concordam: Linear usa 3 colunas com 64px de respiro, Resend usa 3 por 3 com 80px, Raycast usa bento de verdade. Nenhum empilha retângulos largos.

O argumento que só o nosso site tem: contei as caixas por dobra. Quem somos 0, Produtos 3, Depoimentos 3, Confiabilidade 4, esta 6, Benefícios 8, FAQ 8, Segmentos 44. O site inteiro é caixa, e a dobra que fala do seu diferencial é a que menos pode parecer igual às outras.

00

O que está no ar hoje

Cinco retângulos de 1112 por 117 pixels, empilhados. Nessa proporção, quase 10 para 1, o olho não lê cartão: lê linha de tabela.

Diferencial competitivo

Mais do que benefícios:
uma estratégia de crescimento.

  • Captação maximizada

    Proposta de valor fortalecida atrai novos clientes e vira argumento convincente para conversão de prospects.

  • Fidelização elevada

    Clientes que percebem valor tangível na mensalidade ficam mais satisfeitos e permanecem mais tempo.

  • Diferenciação competitiva

    Sua instituição se torna referência em inovação e cuidado com quem faz parte dela.

  • Expansão de mercado

    Atração de novos perfis de clientes e ampliação da base em diferentes segmentos.

  • Receita amplificada

    Precificação flexível gera uma nova fonte de receita recorrente e previsível para a organização.

01

Bento com âncora

Hierarquia por área: o benefício que manda ocupa a faixa larga e os outros quatro se organizam embaixo. Um estudo mediu que o olho fixa 2,6 vezes mais no bloco maior, independente da posição. Escolhi Receita amplificada como âncora porque é o argumento da headline e do CTA da página.

Diferencial competitivo

Mais do que benefícios:
uma estratégia de crescimento.

Receita amplificada

Precificação flexível gera uma nova fonte de receita recorrente e previsível para a organização.

Captação maximizada

Proposta de valor fortalecida atrai novos clientes e vira argumento convincente para conversão de prospects.

Fidelização elevada

Clientes que percebem valor tangível na mensalidade ficam mais satisfeitos e permanecem mais tempo.

Diferenciação competitiva

Sua instituição se torna referência em inovação e cuidado com quem faz parte dela.

Expansão de mercado

Atração de novos perfis de clientes e ampliação da base em diferentes segmentos.

Custo
Baixo. Grade CSS pura, cerca de uma hora.
Ganha
Densidade, e um benefício mandando nos outros. Serve se você quiser destacar a receita.
Risco
Se os cinco tiverem o mesmo peso comercial, o bloco grande vira arbitrário. O herói se escolhe por importância, nunca pelo texto mais comprido.
02

Índice editorial

Caixa nenhuma. Só um fio de 1px separando, o número em mono dourado e o título grande na serifada. O preto já separa, e isso tem nome no sistema do Linear: escuridão como espaço. Na entrada, cada fio risca da esquerda para a direita antes de o texto subir.

Diferencial competitivo

Mais do que benefícios:
uma estratégia de crescimento.

  1. 01

    Captação maximizada

    Proposta de valor fortalecida atrai novos clientes e vira argumento convincente para conversão de prospects.

  2. 02

    Fidelização elevada

    Clientes que percebem valor tangível na mensalidade ficam mais satisfeitos e permanecem mais tempo.

  3. 03

    Diferenciação competitiva

    Sua instituição se torna referência em inovação e cuidado com quem faz parte dela.

  4. 04

    Expansão de mercado

    Atração de novos perfis de clientes e ampliação da base em diferentes segmentos.

  5. 05

    Receita amplificada

    Precificação flexível gera uma nova fonte de receita recorrente e previsível para a organização.

Custo
O mais baixo dos três. Cerca de 40 minutos.
Ganha
É o único que troca de gramática em vez de trocar o formato da caixa. Máxima distância do resto do site.
Risco
Sem imagem, depende do texto e do respiro. Títulos de tamanhos muito diferentes desalinham o ritmo.
02-B

Índice editorial com âncora fixa

A mesma gramática da 02, agora em duas colunas: o índice ocupa a esquerda, com medida de linha mais curta, e a imagem fica fixa à direita enquanto os cinco itens passam. É o mesmo mecanismo que já usamos na dobra de produtos e no FAQ, então não é técnica nova no site.

Diferencial competitivo

Mais do que benefícios:
uma estratégia de crescimento.

  1. 01

    Captação maximizada

    Proposta de valor fortalecida atrai novos clientes e vira argumento convincente para conversão de prospects.

  2. 02

    Fidelização elevada

    Clientes que percebem valor tangível na mensalidade ficam mais satisfeitos e permanecem mais tempo.

  3. 03

    Diferenciação competitiva

    Sua instituição se torna referência em inovação e cuidado com quem faz parte dela.

  4. 04

    Expansão de mercado

    Atração de novos perfis de clientes e ampliação da base em diferentes segmentos.

  5. 05

    Receita amplificada

    Precificação flexível gera uma nova fonte de receita recorrente e previsível para a organização.

Aperto de mãos entre dois executivos
Opção A · o acordo
Custo
Baixo. É a 02 dentro de uma grade de duas colunas, com a coluna da direita grudando.
Ganha
A medida de linha cai para 42 caracteres, que é faixa de leitura confortável. E a dobra ganha um rosto, que nenhuma das três tinha.
Risco
A imagem fica muito tempo na tela: ela precisa aguentar ser olhada, e não pode ser foto de banco de imagem.
02-C

A mesma, com retrato no lugar do aperto de mãos

Mesma estrutura da 02-B, trocando só a âncora. O aperto de mãos fala de acordo fechado; o retrato fala de quem decide. Gerei as duas para você comparar no lugar, e não na miniatura.

Diferencial competitivo

Mais do que benefícios:
uma estratégia de crescimento.

  1. 01

    Captação maximizada

    Proposta de valor fortalecida atrai novos clientes e vira argumento convincente para conversão de prospects.

  2. 02

    Fidelização elevada

    Clientes que percebem valor tangível na mensalidade ficam mais satisfeitos e permanecem mais tempo.

  3. 03

    Diferenciação competitiva

    Sua instituição se torna referência em inovação e cuidado com quem faz parte dela.

  4. 04

    Expansão de mercado

    Atração de novos perfis de clientes e ampliação da base em diferentes segmentos.

  5. 05

    Receita amplificada

    Precificação flexível gera uma nova fonte de receita recorrente e previsível para a organização.

Executivo olhando para a câmera
Opção B · a confiança
Custo
O mesmo da 02-B: muda só o arquivo da imagem.
Ganha
Um rosto olhando na lente cria relação, e o site inteiro só tem rosto nos cards pequenos de benefício.
Risco
Retrato de executivo é o clichê mais fácil de errar. Este funciona por não sorrir e não apontar para nada.
03

Escada com linha do tempo

Cada item desce e avança para a direita, ligado ao anterior por um filete dourado, com o selo do ícone sobre a linha. É o único dos três que melhora ao empilhar no celular: o deslocamento some e sobra uma linha do tempo vertical limpa.

Diferencial competitivo

Mais do que benefícios:
uma estratégia de crescimento.

  1. Captação maximizada

    Proposta de valor fortalecida atrai novos clientes e vira argumento convincente para conversão de prospects.

  2. Fidelização elevada

    Clientes que percebem valor tangível na mensalidade ficam mais satisfeitos e permanecem mais tempo.

  3. Diferenciação competitiva

    Sua instituição se torna referência em inovação e cuidado com quem faz parte dela.

  4. Expansão de mercado

    Atração de novos perfis de clientes e ampliação da base em diferentes segmentos.

  5. Receita amplificada

    Precificação flexível gera uma nova fonte de receita recorrente e previsível para a organização.

Custo
Médio. Cerca de duas horas, com ajuste fino do filete.
Ganha
Sugere progressão, o que conversa com a ideia de estratégia de crescimento. E é o melhor no celular.
Risco
Com cinco itens o deslocamento acumulado estoura a largura. Travei o avanço a partir do quarto item.

Minha recomendação é a 02. Não pelo efeito: pelo contraste com o resto do site. Das oito dobras, sete são feitas de caixa, e esta é a que fala do seu diferencial. A 01 eu faria se você quisesse eleger um benefício acima dos outros, o que é decisão comercial e não de design.

Uma ressalva que vale para as três: a frase de apoio não pode ser dourada. O dourado sobre o preto passa como acento e como título, mas em texto de 14px não alcança o contraste mínimo. Nas três ela está em cinza claro.

As três respeitam menos animação quando o sistema pede, e as fontes são servidas deste próprio deck, nunca de CDN.