{"id":19281,"date":"2024-03-20T12:21:01","date_gmt":"2024-03-20T15:21:01","guid":{"rendered":"https:\/\/www.bybrand.io\/blog\/?p=19281"},"modified":"2024-03-20T12:21:02","modified_gmt":"2024-03-20T15:21:02","slug":"bordas-linhas","status":"publish","type":"post","link":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/","title":{"rendered":"Como usar bordas e linhas de maneira eficiente em sua assinatura de e-mail"},"content":{"rendered":"\n<p>As bordas e linhas verticais na assinatura de e-mail n\u00e3o s\u00e3o apenas detalhes visuais; s\u00e3o elementos estrat\u00e9gicos que melhoram a estrutura e a clareza. Portanto, tornando cada assinatura HTML uma extens\u00e3o da identidade corporativa.<\/p>\n\n\n\n<p>Ao inserir bordas ou linhas em uma assinatura de e-mail, os profissionais e as empresas podem organizar dados de contato, logotipos e links de redes sociais, assegurando que cada elemento seja ordenado de forma l\u00f3gica.<\/p>\n\n\n\n<p>Exemplo de uma assinatura de e-mail com duas linhas horizontais:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"501\" height=\"238\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04.png\" alt=\"Assinatura de e-mail com duas linhas horizontais\" class=\"wp-image-19106\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04.png 501w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04-300x143.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04-150x71.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04-390x185.png 390w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<p>Este guia passo a passo, profundamente enraizado nas percep\u00e7\u00f5es compartilhados em nosso v\u00eddeo tutorial mais a baixo, voc\u00ea vai aprender tudo sobre bordas e linhas verticais e horizontais em sua assinatura de e-mail.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-compreendendo-as-opcoes-de-borda-e-linha-em-uma-assinatura-html\"><span id=\"compreendendo-as-opcoes-de-borda-e-linha-em-uma-assinatura-html\">Compreendendo as op\u00e7\u00f5es de borda e linha em uma assinatura HTML<\/span><\/h2>\n\n\n\n<p>Incorporar bordas e linhas verticais na assinatura de e-mail n\u00e3o se trata apenas de melhorar a est\u00e9tica. De fato, \u00e9 uma abordagem estrat\u00e9gica para estruturar conte\u00fado exclusivo para uma melhor visualiza\u00e7\u00e3o.<\/p>\n\n\n\n<p>O <a href=\"https:\/\/www.bybrand.io\/pt\/editor\" target=\"_blank\" rel=\"noreferrer noopener\">editor de assinatura HTML<\/a> da Bybrand, por exemplo, oferece amplas op\u00e7\u00f5es de personaliza\u00e7\u00e3o de bordas e linhas. Permitindo ao usu\u00e1rio alinhar o design de sua assinatura de e-mail com a identidade visual de sua marca.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Working with borders &amp; vertical lines in your email signature\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/KyDvGBYmrdg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Os usu\u00e1rios podem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Personalize o estilo da borda e linha<\/strong>: escolha entre estilos s\u00f3lido, pontilhado, tracejado ou duplo para combinar com a est\u00e9tica da marca.<\/li>\n\n\n\n<li><strong>Ajustar tamanho e cor da linha<\/strong>: Modifique a largura da borda (1 a 10 p\u00edxeis) e selecione cores para contraste, garantindo que a assinatura se destaque.<\/li>\n\n\n\n<li><strong>Personaliza\u00e7\u00e3o direcional<\/strong>: aplique bordas em todos os lados ou seletivamente na parte superior, inferior, esquerda ou direita. Dividindo as informa\u00e7\u00f5es de maneira eficaz.<\/li>\n<\/ul>\n\n\n\n<p>Da mesma forma, a adi\u00e7\u00e3o de linhas verticais serve como um elemento funcional para segregar diferentes se\u00e7\u00f5es da assinatura, como informa\u00e7\u00f5es de contato, elementos da marca.<\/p>\n\n\n\n<p>Essa divis\u00e3o l\u00f3gica melhora a legibilidade e garante que cada informa\u00e7\u00e3o seja facilmente acess\u00edvel.<\/p>\n\n\n\n<h2 id=\"adicionando-bordas-e-linhas-verticais-na-assinatura\" class=\"wp-block-heading\">Adicionando bordas e linhas verticais na assinatura<\/h2>\n\n\n\n<p>Para adicionar uma borda em sua assinatura de e-mail HTML, o processo envolve uma combina\u00e7\u00e3o de sele\u00e7\u00e3o da c\u00e9lula apropriada, personaliza\u00e7\u00e3o da borda por meio de uma interface amig\u00e1vel, como o editor Bybrand, e aplica\u00e7\u00e3o de codifica\u00e7\u00e3o HTML para posicionamento e estilo precisos.<\/p>\n\n\n\n<p>Aqui est\u00e1 um guia passo a passo. Mas lembre que as etapas tamb\u00e9m pode ser visto no v\u00eddeo acima.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Selecionando a c\u00e9lula:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Navegue at\u00e9 o Dashboard Bybrand e escolha \u2018Criar a partir de um modelo\u2019 ou selecione uma c\u00e9lula em uma assinatura existente.<\/li>\n\n\n\n<li>Para bordas em torno de elementos espec\u00edficos, clique na c\u00e9lula desejada.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Personalizando a borda:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Clique na op\u00e7\u00e3o de bordas e decida a dire\u00e7\u00e3o (todos os lados ou apenas \u00e0 esquerda, direita, superior ou inferior).<\/li>\n\n\n\n<li>Um pop-up aparecer\u00e1, permitindo selecionar o estilo (s\u00f3lido, pontilhado, tracejado ou duplo), cor e largura da borda.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Aplicando codifica\u00e7\u00e3o HTML para bordas:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Para uma borda ao redor de toda a assinatura, use as op\u00e7\u00f5es do edito.<\/li>\n\n\n\n<li>Para adicionar uma borda ao redor de um elemento espec\u00edfico como uma imagem, aplique a borda na c\u00e9lula.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>Ao aderir a essas t\u00e9cnicas de personaliza\u00e7\u00e3o, os usu\u00e1rios podem criar assinaturas de e-mail que n\u00e3o s\u00e3o apenas visualmente atraentes, mas tamb\u00e9m estruturadas para melhorar a legibilidade.<\/p>\n\n\n\n<h2 id=\"exemplos-de-usos-criativos-de-linhas-e-bordas-em-assinaturas-de-e-mail\" class=\"wp-block-heading\">Exemplos de usos criativos de linhas e bordas em assinaturas de e-mail<\/h2>\n\n\n\n<p>Aqui est\u00e3o algumas ideias com exemplos reais de assinaturas de e-mail:<\/p>\n\n\n\n<p><strong>Borda em todos os lados:<\/strong> Colocar a assinatura numa borda global, em vez do tradicional branco, pode torn\u00e1-lo mais atraente. Esta simples mudan\u00e7a pode transformar o impacto da assinatura.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015.png\" alt=\"Assinatura com borda em todos os lados.\" class=\"wp-image-4626\" width=\"450\" height=\"110\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015.png 600w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015-300x73.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015-150x37.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015-420x102.png 420w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Separar \u00edcones de rede sociais<\/strong>: Trate os \u00edcones de m\u00eddia social n\u00e3o apenas como links, mas como parte do design. Nesse exemplo abaixo note que estamos usando um \u201c<em>pontilhado<\/em>\u201d. Isso adiciona interesse visual e promove o envolvimento.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016.png\" alt=\"Separar \u00edcones de rede sociais com um pontilhado.\" class=\"wp-image-6939\" width=\"240\" height=\"254\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016.png 320w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016-284x300.png 284w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016-142x150.png 142w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Destaque do nome e posi\u00e7\u00e3o:<\/strong> Tornar o nome do remetente mais destacado ajuda-o a se destacar, garantindo reconhecimento imediato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01.png\" alt=\"Destaque nome e posi\u00e7\u00e3o com uma linha horizontal.\" class=\"wp-image-17746\" width=\"464\" height=\"185\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01.png 619w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01-300x120.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01-150x60.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01-390x156.png 390w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Linha vertical:<\/strong> Utilize linhas verticais para separar e organizar logicamente a assinatura, como informa\u00e7\u00f5es de contato. Isso ajuda na identifica\u00e7\u00e3o r\u00e1pida de dados de contatos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023.png\" alt=\"Assinatura de e-mail com duas linhas verticais.\" class=\"wp-image-8459\" width=\"450\" height=\"154\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023.png 600w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023-300x103.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023-150x51.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023-390x133.png 390w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Logotipo:<\/strong> Incorpore bordas e linhas em elementos que reflitam a personalidade da marca, tornando a assinatura \u00fanica.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode.png\" alt=\"Assinatura de e-mail com logotipo de uma borda no lado direito.\" class=\"wp-image-14455\" width=\"372\" height=\"177\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode.png 496w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode-300x143.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode-150x71.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode-390x186.png 390w\" sizes=\"auto, (max-width: 372px) 100vw, 372px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Usando travess\u00e3o:<\/strong> Alternativamente, voc\u00ea pode criar uma separa\u00e7\u00e3o l\u00f3gica usando travess\u00f5es \u201c|\u201d, ou com bordas laterais em cada c\u00e9lula.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055.png\" alt=\"Assinatura de e-mail usando travess\u00e3o.\" class=\"wp-image-19282\" width=\"360\" height=\"148\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055.png 480w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055-300x123.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055-150x62.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055-390x160.png 390w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Linha colorida:<\/strong> voc\u00ea n\u00e3o precisa ficar limitado apenas com bordas e linhas. A ideia de adicionar uma linha colorida na assinatura tamb\u00e9m \u00e9 aceit\u00e1vel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016.png\" alt=\"Assinatura de e-mail com uma linha colorida.\" class=\"wp-image-3235\" width=\"450\" height=\"166\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016.png 600w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016-300x111.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016-150x55.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016-420x155.png 420w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Assista tamb\u00e9m: <a href=\"https:\/\/www.youtube.com\/watch?v=FYjs7I6TTTY\">Como adicionar uma linha colorida na assinatura de e-mail<\/a>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p>Lembre-se de que o objetivo \u00e9 criar uma assinatura responsiva que atenda \u00e0 grande maioria dos usu\u00e1rios, incluindo os que usam o telefone para abrir seus e-mails.<\/p>\n\n\n\n<p>Banners promovendo blogs, eventos ou produtos podem ser posicionados estrategicamente para m\u00e1xima visibilidade. Ao integrar esses usos criativos, sua assinatura de e-mail n\u00e3o apenas parecer\u00e1 mais profissional, mas tamb\u00e9m servir\u00e1 como uma ferramenta eficaz comunica\u00e7\u00e3o via e-mail.<\/p>\n\n\n\n<h2 id=\"removendo-ou-ajustando-bordas-e-linhas-na-assinatura\" class=\"wp-block-heading\">Removendo ou ajustando bordas e linhas na assinatura<\/h2>\n\n\n\n<p>Chegando ao fim do nosso guia. Ajustar ou remover bordas e linhas de sua assinatura de e-mail HTML pode ser necess\u00e1rio por v\u00e1rios motivos, desde a atualiza\u00e7\u00e3o do design at\u00e9 garantir a compatibilidade entre diferentes clientes de e-mail.<\/p>\n\n\n\n<h3 id=\"removendo-bordas-e-linhas\" class=\"wp-block-heading\">Removendo bordas e linhas<\/h3>\n\n\n\n<p>Para remover uma borda, primeiro determine quais lados voc\u00ea deseja excluir. Por exemplo, tudo, esquerda, direita, superior ou inferior. Em seguida, clique no \u00edcone da lixeira. Se apontar em uma borda espec\u00edfica n\u00e3o produzir resultados, opte pela op\u00e7\u00e3o de apagar todos os lados para uma remo\u00e7\u00e3o completa.<\/p>\n\n\n\n<p>Exemplo do bot\u00e3o de remover uma borda usando o editor de assinatura da Bybrand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border.png\" alt=\"\" class=\"wp-image-19293\" width=\"374\" height=\"257\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border.png 498w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border-300x207.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border-150x103.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border-390x269.png 390w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/figure>\n\n\n\n<p>Nessa imagem abaixo temos um exemplo de como remover uma linha horizontal indesejadas na assinatura de e-mail.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1.png\" alt=\"\" class=\"wp-image-19297\" width=\"413\" height=\"253\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1.png 551w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1-300x183.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1-150x92.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1-390x239.png 390w\" sizes=\"auto, (max-width: 413px) 100vw, 413px\" \/><\/figure>\n\n\n\n<h2 id=\"conclusao\" class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Neste r\u00e1pido guia, exploramos a estrat\u00e9gia de usar bordas e linhas em assinaturas de e-mail HTML e enfatizamos o seu papel na melhoria da qualidade dos designs. Ao refletir sobre a import\u00e2ncia desses elementos, fica claro que uma assinatura bem projetada \u00e9 uma extens\u00e3o poderosa da personalidade profissional.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center is-image-fill-element has-text-color\" style=\"color:#333333;grid-template-columns:18% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-1024x536.png\" alt=\"Bybrand background\" class=\"wp-image-3392 size-full\" style=\"object-position:0% 50%\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-1024x536.png 1024w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-300x157.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-150x79.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-768x402.png 768w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-764x400.png 764w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-420x220.png 420w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\" id=\"h-crie-sua-primeira-assinatura-de-e-mail-com-a-bybrand\"><span id=\"crie-sua-primeira-assinatura-de-e-mail-com-a-bybrand\">Crie sua primeira assinatura de e-mail com a Bybrand<\/span><\/h3>\n\n\n\n<p>Crie, gerencie e implemente assinaturas de e-mail poderosas para a sua equipe, usando a Bybrand.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/app.bybrand.io\/auth\/create?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=free_trial_pt\" style=\"background-color:#191970\" target=\"_blank\" rel=\"noreferrer noopener\">Comece um teste gratuito<\/a><\/div>\n<\/div>\n\n\n\n<p>Ou <a href=\"https:\/\/www.bybrand.io\/pt?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=moreinfo_pt\">obtenha mais informa\u00e7\u00f5es<\/a>.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"Um guia passo a passo de como adicionar bordas ou linhas em uma assinatura de e-mail HTML com exemplos, para cada elemento ter uma divis\u00e3o logica.\n","protected":false},"author":4,"featured_media":19319,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1998],"tags":[],"class_list":{"0":"post-19281","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-como-fazer"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Remodelando sua assinatura de e-mail HTML com bordas e linhas<\/title>\n<meta name=\"description\" content=\"Descubra como incorporar estrategicamente bordas e linhas (verticais e horizontais) em sua assinatura de e-mail para melhorar a estrutura e separa\u00e7\u00e3o.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como usar bordas e linhas de maneira eficiente em sua assinatura de e-mail\" \/>\n<meta property=\"og:description\" content=\"Um guia passo a passo de como adicionar bordas ou linhas em uma assinatura de e-mail HTML com exemplos, para cada elemento ter uma divis\u00e3o logica.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/\" \/>\n<meta property=\"og:site_name\" content=\"Bybrand\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bybrandio\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-20T15:21:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-20T15:21:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bybrand\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bybrandio\" \/>\n<meta name=\"twitter:site\" content=\"@bybrandio\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/\"},\"author\":{\"name\":\"Bybrand\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99\"},\"headline\":\"Como usar bordas e linhas de maneira eficiente em sua assinatura de e-mail\",\"datePublished\":\"2024-03-20T15:21:01+00:00\",\"dateModified\":\"2024-03-20T15:21:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/\"},\"wordCount\":1060,\"publisher\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"articleSection\":[\"Tutoriais como fazer\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/\",\"url\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/\",\"name\":\"Remodelando sua assinatura de e-mail HTML com bordas e linhas\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"datePublished\":\"2024-03-20T15:21:01+00:00\",\"dateModified\":\"2024-03-20T15:21:02+00:00\",\"description\":\"Descubra como incorporar estrategicamente bordas e linhas (verticais e horizontais) em sua assinatura de e-mail para melhorar a estrutura e separa\u00e7\u00e3o.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#primaryimage\",\"url\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"width\":1200,\"height\":675,\"caption\":\"Borders and Lines\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como usar bordas e linhas de maneira eficiente em sua assinatura de e-mail\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/#website\",\"url\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/\",\"name\":\"Bybrand\",\"description\":\"Business Email Signatures Manager\",\"publisher\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/#organization\",\"name\":\"Bybrand\",\"url\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png\",\"width\":600,\"height\":600,\"caption\":\"Bybrand\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bybrandio\/\",\"https:\/\/x.com\/bybrandio\",\"https:\/\/www.youtube.com\/channel\/UCPUuCgnrU3CWGJiQz5ZoZdA\",\"https:\/\/www.linkedin.com\/company\/bybrand\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99\",\"name\":\"Bybrand\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g\",\"caption\":\"Bybrand\"},\"description\":\"Bybrand is an email signature generator made for IT Managers and Marketing Professionals. The idea is to save you time in managing your team\u2019s email signatures while providing a robust marketing channel.\",\"sameAs\":[\"https:\/\/www.bybrand.io\/\",\"https:\/\/www.linkedin.com\/company\/bybrand\",\"https:\/\/www.youtube.com\/@bybrand\"],\"url\":\"https:\/\/www.bybrand.io\/blog\/pt-br\/author\/bybrand\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Remodelando sua assinatura de e-mail HTML com bordas e linhas","description":"Descubra como incorporar estrategicamente bordas e linhas (verticais e horizontais) em sua assinatura de e-mail para melhorar a estrutura e separa\u00e7\u00e3o.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/","og_locale":"pt_BR","og_type":"article","og_title":"Como usar bordas e linhas de maneira eficiente em sua assinatura de e-mail","og_description":"Um guia passo a passo de como adicionar bordas ou linhas em uma assinatura de e-mail HTML com exemplos, para cada elemento ter uma divis\u00e3o logica.","og_url":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/","og_site_name":"Bybrand","article_publisher":"https:\/\/www.facebook.com\/bybrandio\/","article_published_time":"2024-03-20T15:21:01+00:00","article_modified_time":"2024-03-20T15:21:02+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","type":"image\/png"}],"author":"Bybrand","twitter_card":"summary_large_image","twitter_creator":"@bybrandio","twitter_site":"@bybrandio","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#article","isPartOf":{"@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/"},"author":{"name":"Bybrand","@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99"},"headline":"Como usar bordas e linhas de maneira eficiente em sua assinatura de e-mail","datePublished":"2024-03-20T15:21:01+00:00","dateModified":"2024-03-20T15:21:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/"},"wordCount":1060,"publisher":{"@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/#organization"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","articleSection":["Tutoriais como fazer"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/","url":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/","name":"Remodelando sua assinatura de e-mail HTML com bordas e linhas","isPartOf":{"@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#primaryimage"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","datePublished":"2024-03-20T15:21:01+00:00","dateModified":"2024-03-20T15:21:02+00:00","description":"Descubra como incorporar estrategicamente bordas e linhas (verticais e horizontais) em sua assinatura de e-mail para melhorar a estrutura e separa\u00e7\u00e3o.","breadcrumb":{"@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#primaryimage","url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","contentUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","width":1200,"height":675,"caption":"Borders and Lines"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/bordas-linhas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.bybrand.io\/blog\/pt-br\/"},{"@type":"ListItem","position":2,"name":"Como usar bordas e linhas de maneira eficiente em sua assinatura de e-mail"}]},{"@type":"WebSite","@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/#website","url":"https:\/\/www.bybrand.io\/blog\/pt-br\/","name":"Bybrand","description":"Business Email Signatures Manager","publisher":{"@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bybrand.io\/blog\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/#organization","name":"Bybrand","url":"https:\/\/www.bybrand.io\/blog\/pt-br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/#\/schema\/logo\/image\/","url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png","contentUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png","width":600,"height":600,"caption":"Bybrand"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bybrandio\/","https:\/\/x.com\/bybrandio","https:\/\/www.youtube.com\/channel\/UCPUuCgnrU3CWGJiQz5ZoZdA","https:\/\/www.linkedin.com\/company\/bybrand"]},{"@type":"Person","@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99","name":"Bybrand","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.bybrand.io\/blog\/pt-br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g","caption":"Bybrand"},"description":"Bybrand is an email signature generator made for IT Managers and Marketing Professionals. The idea is to save you time in managing your team\u2019s email signatures while providing a robust marketing channel.","sameAs":["https:\/\/www.bybrand.io\/","https:\/\/www.linkedin.com\/company\/bybrand","https:\/\/www.youtube.com\/@bybrand"],"url":"https:\/\/www.bybrand.io\/blog\/pt-br\/author\/bybrand\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/19281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/comments?post=19281"}],"version-history":[{"count":8,"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/19281\/revisions"}],"predecessor-version":[{"id":19323,"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/19281\/revisions\/19323"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/media\/19319"}],"wp:attachment":[{"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/media?parent=19281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/categories?post=19281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/pt-br\/wp-json\/wp\/v2\/tags?post=19281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}