Pular para o conteúdo

Hero de newsletter por e-mail

Seções hero · Código-fonte Pro

Um hero cuja única conversão é um endereço de e-mail. Um título de duas linhas com o desfecho emoldurado na cor da marca fica acima de um formulário de captura com um único campo, uma contagem de assinantes apoiada por uma fileira de avatares sobrepostos, e uma ilustração de aviãozinho de papel na segunda coluna. O campo tem um rótulo real, apenas escondido visualmente, e a dica de autocomplete do navegador, então funciona com gerenciadores de senha e leitores de tela em vez de depender do placeholder. Cada cor é um token de tema, então segue sua paleta no claro e no escuro sem edições.

Abrir visualização ao vivoObter Neobrutalism Pro
Seções hero
Neobrutalist newsletter hero section for React and Tailwind CSS: the headline Your mindset shapes your future with the second line boxed in yellow, an email field beside a Subscribe button, three overlapping circular subscriber portraits next to 25K plus professionals, and a yellow paper-plane illustration on a looping dotted trail.
Hero de newsletter por e-mail
  • Hero, preços e auth
  • Visualizar todos os pontos de interrupção
  • Copie o código-fonte
  • MCP pronto para instalação
  • Radix · Base UI · React Aria
  • 158 blocos pré-fabricados
  • Seções da página que são enviadas
  • Painéis e marketing
  • Pro desbloqueia o código
  • Layouts de encaixe
PréviaGratuitoAbra em tela cheia e alterne o ponto de interrupção ou tema.CódigoProUm único arquivo TSX independente. Copie, é seu.InstalaçãoProUm único comando da CLI do shadcn — ou o prompt de agente para o Claude Code, o Cursor ou qualquer cliente MCP.

Construído com

Além dos ícones lucide-react e Tailwind CSS — nenhuma outra dependência em tempo de execução.

Mais layouts de Seções hero (7)

Ver todos

https://neobrutalism.com/pt/blocks/hero-sections/newsletter-hero-with-email-capture

Amado por devs, designers
e criadores

  • Encontrei o seu kit de UI e peguei na hora. Impressionante ver que é novo, ativo e melhorando sem parar. Trabalho incrível! 🤘

    Ziv Reich, Desenvolvedor de software

  • Só queria dizer que você mandou muito bem no neobrutalism.com. Amei de verdade. Sou péssimo em design, então isso me salvou. Usei no meu site pessoal.

    Paul Bratslavsky, Criador do Coding With Paul

  • Finalmente refiz o meu site pessoal com a Neobrutalism.com — biblioteca divertida e fácil de começar!

    Cameron Blackwood, Criador de conteúdo

  • A Neobrutalism.com é uma das minhas bibliotecas de componentes UI retrô favoritas — componentes que realmente shipam.

    Zhengyang Hou, Indie hacker

  • uma das minhas bibliotecas de ui favoritas para a web. mandou muito bem — espero que vá longe.

    Taseen Tanvir, Fundador e designer

  • Acabei de testar o Neobrutalism.com Pro — um kit de UI que não é a cara de todos os outros. Os blocos neobrutalistas 🔥 deixaram prototipar layouts estranhos bem mais rápido.

    Nitesh Padghan, Ghostwriter

  • Design de landing page lindo, com equilíbrio e fluxo perfeitos. A paleta de cores combinada com as animações cria uma experiência de usuário excepcional.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Fiquei muito impressionado com o design que eles entregaram. O produto final bateu exatamente com o que eu tinha imaginado.

    Desmond, Cofundador @ VectorlabsVentures

  • Como dono de agência, eu costumava gastar semanas refinando layouts de landing para clientes. Com o Neobrutalism.com, eu plugo um template, ajusto o texto e já estou pronto para publicar.

    Duke Opoku Amankwah, Fundador @ Midas

  • Os templates não são só visualmente incríveis: também são muito bem estruturados. Economizaram semanas de desenvolvimento.

    Abiola Braimah, Desenvolvedor @ Studio IX

  • Qualidade excepcional e atenção aos detalhes. O design responsivo funciona perfeitamente em todos os dispositivos.

    Acromond X., Cofundador @ VectorlabsVentures

  • Integrar esses templates no nosso fluxo reduziu bastante nosso ciclo de desenvolvimento. Excelente trabalho.

    Raquib S., Desenvolvedor backend

  • Esses templates viraram nosso recurso principal. O código é limpo, bem documentado e fácil de personalizar.

    Hallic M., Desenvolvedor @ AtlasLabs

  • Os templates do Neobrutalism.com acertam o equilíbrio perfeito entre estética e funcionalidade. Um verdadeiro divisor de águas para nossos projetos.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Suporte excepcional e templates de qualidade premium. O ROI desses templates é fenomenal.

    Kevin K., CEO @ WebCraft

  • Os templates do Neobrutalism.com transformaram completamente como encaramos novos projetos de clientes. A qualidade do código é excepcional e os designs são de primeiro nível.

    Danny G., Fundador da DevStack

  • Já usei muitas bibliotecas de templates, mas o Neobrutalism.com se destaca pela atenção à otimização de performance e a uma arquitetura de código limpa.

    Ian D., CTO na Wavelength

  • As animações e microinterações desses templates são absolutamente impressionantes. Melhor investimento para nossa equipe de design.

    Ben S., Lead Designer na PixelPerfect

  • Como fundador não técnico, os templates do Neobrutalism.com nos ajudaram a lançar o MVP em tempo recorde sem abrir mão da qualidade do design. Nossos investidores ficaram impressionados.

    Matthew I., Fundador de startup

  • Gosto de quão modulares e bem documentados esses componentes são. Conseguimos misturar peças de templates diferentes sem atrito.

    Garrett P., Frontend Lead na TechFusion

  • O ROI dos templates do Neobrutalism.com é incrível. Reduzimos drasticamente o tempo de desenvolvimento e entregamos sites de mais qualidade aos clientes.

    Xavier C., Dono de agência

Perguntas
frequentes

Como o bloco Hero de newsletter por e-mail é montado, o que você pode alterar e quando usá-lo em vez dos outros layouts aqui.

Problema de acesso bloqueado? Manda um e-mail[email protected]
Get Pro — Save 33%--:--:--