Landing Page

Template HTML para Landing Page de Advogado — Grátis e Editável

Template HTML grátis editável para advogados — hero institucional, áreas de atuação, equipe com OAB, contato. Tom sóbrio, compatível com Provimento 205.

advogado
advocacia
juridico
escritorio
landing-page

Sobre este template

Para quem é este template

Este template é para advogados autônomos, sociedades de advogados e escritórios boutique que precisam transmitir credibilidade sem depender exclusivamente de indicação. Funciona tanto para o profissional recém-formado abrindo o primeiro escritório quanto para a sociedade multidisciplinar modernizando a presença digital diante de uma concorrência que já está online há anos.

O design respeita os códigos visuais da advocacia brasileira — paleta sóbria, tipografia serifada no hero, espaçamento formal — e foi construído para cumprir o Provimento 205/2021 da OAB sobre publicidade jurídica. Sem captação ostensiva, sem promessa de resultado, sem divulgação de honorários. A estrutura cobre do primeiro contato visual ao formulário de consulta, com seções para áreas de atuação, equipe e contato. Funciona bem tanto para escritórios generalistas quanto para banca especializada (trabalhista, previdenciário, tributário, família, criminal).

O que vem incluído neste template

O template entrega uma landing page institucional em um único arquivo HTML. O hero abre com headline neutra e CTA para agendamento de consulta — o ponto mais importante para captura, posicionado para que o visitante saiba em 3 segundos o próximo passo. O grid de áreas de atuação vem com ícones SVG inline para cada especialidade jurídica, fáceis de trocar por ícones mais específicos da sua banca.

O bloco "Sobre o escritório" tem espaço para a história e os valores da sociedade — peça importante porque cliente jurídico decide muito por afinidade de princípios. A seção de equipe segue o Estatuto: foto, nome completo, número de inscrição na OAB e área de especialização de cada profissional. O formulário de contato é compatível com Formspree e Tally, e o footer tem endereço completo, horários e redes sociais — tudo em conformidade com as exigências de identificação profissional.

Como adaptar este template para o seu escritório

A primeira camada de personalização é cosmética: trocar nome do escritório, OAB, endereço, horários, telefone, fotos. Faz em 10 minutos no editor visual.

A segunda é onde o template ganha tração: copywriting alinhado à sua especialização. Se você é especialista em direito do trabalho com foco em rescisão, o hero deve dizer isso, não apenas "advocacia em São Paulo". Cole o HTML inteiro no ChatGPT ou Claude e peça: "adapte este template para um escritório especializado em direito do trabalho e previdenciário em Porto Alegre, tom formal mas acolhedor. Reescreva headline, subheadline e a descrição das 3 primeiras áreas". A IA entrega em segundos — você revisa, garante conformidade com Provimento 205, e cola de volta. Se quiser sair do template padrão e gerar uma landing totalmente customizada para a sua área, o builder de landing page com IA gera um prompt sob medida a partir de 8 perguntas.

Uma adaptação que escritórios menores costumam pular é a regional. Se você atua em causas trabalhistas em uma cidade-polo industrial, mencionar isso no hero e listar bairros/distritos atendidos melhora a captação local — cliente trabalhista busca "advogado trabalhista [bairro]", não só "advogado trabalhista".

Erros comuns ao criar uma landing page de advogado

O primeiro erro é prometer resultado. "Nunca perdi uma causa", "vitória garantida", "recupere seu dinheiro com certeza" são fórmulas tratadas como infração ética pelo Provimento 205. Comunique experiência e processo, não garantia. Substitua por "atendimento individualizado em causas trabalhistas" ou "15 anos de experiência em direito previdenciário".

O segundo erro é captação ostensiva. Linguagem de urgência típica de marketing agressivo ("você merece justiça AGORA!", "clique aqui antes que seja tarde") destoa do código de ética e afasta cliente sério. O tom da advocacia é firme mas sóbrio.

O terceiro erro é divulgar honorários ou condicionantes ("consulta a partir de R$X", "só recebe se ganhar"). O Provimento 205 proíbe explicitamente. Negociação de honorários é etapa privada, fora da landing.

O quarto erro é esconder a inscrição na OAB ou o número da sociedade. O Estatuto e o Provimento exigem identificação visível em todo material de divulgação. OAB do responsável técnico no hero, no rodapé e no bloco da equipe — sempre legível.

Por que publicar no Htmly

A alternativa óbvia é baixar um template ZIP de marketplace, contratar hospedagem, comprar SSL, subir por FTP e torcer para nada quebrar. Funciona, mas custa tempo (4-6 horas no primeiro setup) e dinheiro mensal — fora a manutenção quando algo falha.

O Htmly resolve em 10 segundos: você arrasta o HTML para a tela e o site está no ar com HTTPS automático, CDN global e edição visual direto no navegador. Sem painel de hospedagem, sem plugin desatualizado para te derrubar na véspera de uma audiência.

O plano Free hospeda até 10MB num subdomínio (ex: silvaesilva.htmly.com.br) — suficiente para o template inteiro com fotos otimizadas. Quando você quiser domínio próprio (.adv.br é exclusivo para advogados registrados na OAB), o plano Pro libera custom domain com SSL automático via Cloudflare. Em qualquer plano, o HTML é servido direto pela rede global de edge.

Próximos passos

Para ver o template no ar, clone direto pelo botão acima e edite o conteúdo. Em 10 minutos você tem uma versão personalizada para o seu escritório.

Se quiser ir além da estrutura padrão e gerar uma landing totalmente customizada para a sua área de atuação, use o gerador de prompt de landing page jurídica — você responde 8 perguntas e recebe um prompt pronto para ChatGPT ou Claude gerar o HTML do zero. Para estratégias adicionais de presença online (SEO local, Google Meu Negócio, blog jurídico), o blog do Htmly reúne guias de marketing digital aplicáveis ao contexto profissional brasileiro. E para entender o fluxo de criar conteúdo com IA respeitando suas restrições éticas, o guia de criar site com IA cobre o passo a passo completo.

O que vem incluído

  • Hero com headline institucional e CTA para consulta
  • Grid de áreas de atuação jurídica com ícones
  • Bloco 'Sobre o escritório' com história e valores
  • Seção de equipe com foto, OAB e especialização
  • Formulário de contato (compatível com Formspree/Tally)
  • Footer com endereço, horários e redes sociais

Como personalizar com IA

  1. 1Peça ao ChatGPT: 'adapte este template para um escritório especializado em direito do trabalho e previdenciário em Porto Alegre, tom formal mas acolhedor'
  2. 2Troque as áreas de atuação genéricas pelas reais do escritório; cada card aceita ícone SVG (Tabler Icons tem vários jurídicos)
  3. 3Substitua o hero por uma frase mais específica da sua proposta de valor — ex: 'Defesa especializada em causas trabalhistas complexas desde 2010'

Perguntas frequentes

O template segue o Provimento 205/2021 da OAB sobre publicidade?

O layout é neutro e permite cumprir o Provimento 205: sem captação de clientela ostensiva, sem promessa de resultado, sem divulgação de honorários. A responsabilidade pelo conteúdo publicado é sempre do advogado responsável — recomendamos revisão pela comissão de ética da sua seccional.

Posso colocar o nome do escritório com 'Advogados Associados'?

Sim. O bloco de equipe e o header já comportam nomes longos de sociedades de advogados. Lembre de incluir o número de inscrição da sociedade na OAB no footer, conforme exigido pelo Estatuto.

É possível integrar com WhatsApp Business para atendimento?

Sim. Os CTAs podem apontar para 'https://wa.me/55DDDNUMERO' com mensagem pré-preenchida. Para escritórios, recomendamos usar WhatsApp Business com horário comercial automático e mensagem de saudação.

Posso usar o domínio .adv.br?

Sim. O plano Pro do Htmly permite conectar qualquer domínio — incluindo .adv.br (exclusivo para advogados registrados na OAB). O HTTPS é configurado automaticamente via Cloudflare.