CINXE.COM

<!doctype html><html lang="pt-br"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:image" content="https://www.hubspot.com/hubfs/brand-kit-generator/hubspot_bkg_preview-1.png"> <meta name="twitter:image" content="https://www.hubspot.com/hubfs/brand-kit-generator/hubspot_bkg_preview-1.png"> <meta property="og:url" content="https://www.hubspot.com/brand-kit-generator"> <meta name="twitter:card" content="summary"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"> <meta property="fb:pages" content="6039999393"> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:account_id" content="14458280"> <meta name="description" content="Crie logotipos, ícones e paletas de cores personalizados em um instante com o Gerador de Kit de Marca da HubSpot para criar uma presença on-line exclusiva para o seu negócio."> <title>Gerador de kit de marca - logotipos deslumbrantes e paletas de cores gratuitas</title>  <noscript> <link rel="stylesheet" href="https://53.fs1.hubspotusercontent-na1.net/hubfs/53/hub_generated/template_assets/1/97566322726/1740046409177/template_index.min.css"> </noscript> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="/hs/hsstatic/jquery-libs/static-1.1/jquery/jquery-1.7.1.js" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script> <script nonce="UaaY1ojJv3fGHbaYJh5R9A==">hsjQuery = window['jQuery'];</script> <meta property="og:description" content="Crie logotipos, ícones e paletas de cores personalizados em um instante com o Gerador de Kit de Marca da HubSpot para criar uma presença on-line exclusiva para o seu negócio."> <meta property="og:title" content="Gerador de kit de marca - logotipos deslumbrantes e paletas de cores gratuitas"> <meta name="twitter:description" content="Crie logotipos, ícones e paletas de cores personalizados em um instante com o Gerador de Kit de Marca da HubSpot para criar uma presença on-line exclusiva para o seu negócio."> <meta name="twitter:title" content="Gerador de kit de marca - logotipos deslumbrantes e paletas de cores gratuitas"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <link rel="stylesheet" href="//53.fs1.hubspotusercontent-na1.net/hubfs/53/hub_generated/template_assets/1/97566322726/1740046409177/template_index.min.css"> <link rel="stylesheet" href="https://www.hubspot.com/hubfs/hub_generated/module_assets/1/148153422959/1736248163513/module_multi-step-form.min.css"> <link rel="stylesheet" href="//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/134555215909/1734110206590/_Web_Team_Assets/Component_Modules/hs-components/v3/css/modal.min.css"> <link rel="stylesheet" href="//53.fs1.hubspotusercontent-na1.net/hubfs/53/hub_generated/template_assets/1/134554077016/1736935122206/template_core.min.css"> <link rel="stylesheet" href="//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/134554077048/1734110211855/_Web_Team_Assets/Component_Modules/hs-components/v3/tokens/css/colors.min.css"> <link rel="stylesheet" href="//53.fs1.hubspotusercontent-na1.net/hubfs/53/hub_generated/template_assets/1/134554077047/1736935121299/template_colorAliases.min.css"> <link rel="stylesheet" href="//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/134552513310/1734110216754/_Web_Team_Assets/Component_Modules/hs-components/v3/tokens/css/fontSizes.min.css"> <link rel="stylesheet" href="//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/134554077019/1734110207452/_Web_Team_Assets/Component_Modules/hs-components/v3/css/input.min.css"> <link rel="stylesheet" href="//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/134548351157/1734110209524/_Web_Team_Assets/Component_Modules/hs-components/v3/css/checkboxInput.min.css"> <link rel="stylesheet" href="//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/134555644730/1734110210229/_Web_Team_Assets/Component_Modules/hs-components/v3/css/button.min.css"> <link rel="stylesheet" href="//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/134555215908/1734110219561/_Web_Team_Assets/Component_Modules/hs-components/v3/css/loading.min.css"> <link rel="canonical" href="https://br.hubspot.com/brand-kit-generator">  <meta name="google-site-verification" content="N-l8QVWzbz75-oqdfUOuUR4UCRP4G18wcDi1ySfe5VI"> <meta name="google-site-verification" content="DSz0IoAoQ_i6HQCdayC11sXN3pdeAnBIkSVcWMhpRqg"> <meta name="apple-itunes-app" content="app-id=587068814"> <meta name="twitter:app:name:iphone" content="HubSpot"> <meta name="twitter:app:id:iphone" content="534167981"> <meta name="twitter:app:name:ipad" content="Inbound Marketing"> <meta name="twitter:app:id:ipad" content="587068814"> <meta http-equiv="”content-language”" content="”pt-BR”">  <meta name="theme-color" content="#FF7A59"> <meta name="twitter:card" content="summary_large_image">  <script defer src="https://www.hubspot.com/wt-assets/static-files/compliance/index.js" type="text/javascript" data-gtm-id="GTM-W2NQ4BJ" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script>   <meta property="og:image" content="https://wtcfns.hubspot.com/wt-api/social-sharing"> <meta property="og:image:width" content="600"> <meta property="og:image:height" content="335"> <meta name="twitter:image" content="https://wtcfns.hubspot.com/wt-api/social-sharing">  <style> :root,.-light,.-white,.-dark{--cl-anchor-text-decoration: underline;--cl-anchor-color-dark: #5fa3d4;--cl-anchor-hover-color-dark: #88bde3}:root,[data-cl-theme=light],[data-background=white],[data-background=off-white],.-white,.-light{--cl-color-background-01: #ffffff;--cl-color-background-02: #f6f9fc;--cl-color-background-03: #fef4ea;--cl-color-background-footer-01: #2e475d;--cl-color-border-01: #192733;--cl-color-border-02: #7691ad;--cl-color-border-03: #dbe4ed;--cl-color-border-brand-01: #ff5c35;--cl-color-border-highlight-01: #0068b1;--cl-color-container-01: #ffffff;--cl-color-container-02: #f6f9fc;--cl-color-container-03: #eaf0f6;--cl-color-container-inverse-01: #192733;--cl-color-disabled-01: #99afc4;--cl-color-disabled-02: #eaf0f6;--cl-color-disabled-03: #dbe4ed;--cl-color-divider-01: #dbe4ed;--cl-color-error-01: #cf2738;--cl-color-focus-01: #0068b1;--cl-color-hover-01: #eaf0f6;--cl-color-hover-02: #eaf0f6;--cl-color-hover-03: #b6c7d6;--cl-color-hover-brand-01: #e04826;--cl-color-hover-inverse-01: #2e475d;--cl-color-hover-link-01: #005fa3;--cl-color-hover-link-02: #2e475d;--cl-color-hubspot-brand-01: #ff5c35;--cl-color-icon-01: #213343;--cl-color-icon-02: #516f90;--cl-color-icon-on-color-01: #ffffff;--cl-color-link-01: #0068b1;--cl-color-link-02: #213343;--cl-color-pressed-01: #b6c7d6;--cl-color-pressed-02: #b6c7d6;--cl-color-pressed-03: #99afc4;--cl-color-pressed-brand-01: #b3361d;--cl-color-pressed-inverse-01: #3e5974;--cl-color-pressed-link-01: #005896;--cl-color-pressed-link-02: #516f90;--cl-color-success-01: #1f7d3d;--cl-color-text-01: #213343;--cl-color-text-02: #2e475d;--cl-color-text-brand-01: #ff5c35;--cl-color-text-on-color-01: #ffffff;--cl-color-text-placeholder-01: #516f90;--cl-anchor-color: var(--cl-color-link-01, #0068b1);--cl-anchor-hover-color: var(--cl-color-hover-link-01, #005fa3);--cl-anchor-pressed-color: var(--cl-color-pressed-link-01, #005896);--cl-text-color: var(--cl-color-text-01, #213343);--cl-color-beta-01: #5c62d6;--cl-color-free-01: #0b8f8f;--cl-color-beta-background-01: #ced0f3;--cl-color-free-background-01: #b7ecec}[data-cl-theme=dark],[data-background=dark],.-dark{--cl-color-background-01: #192733;--cl-color-background-02: #213343;--cl-color-background-03: #213343;--cl-color-background-footer-01: #2e475d;--cl-color-border-01: #ffffff;--cl-color-border-02: #7691ad;--cl-color-border-03: #3e5974;--cl-color-border-brand-01: #ff5c35;--cl-color-border-highlight-01: #ffffff;--cl-color-container-01: #192733;--cl-color-container-02: #213343;--cl-color-container-03: #2e475d;--cl-color-container-inverse-01: #ffffff;--cl-color-disabled-01: #607d9c;--cl-color-disabled-02: #2e475d;--cl-color-disabled-03: #3e5974;--cl-color-divider-01: #3e5974;--cl-color-error-01: #f7818c;--cl-color-focus-01: #5fa3d4;--cl-color-hover-01: #2e475d;--cl-color-hover-02: #2e475d;--cl-color-hover-03: #3e5974;--cl-color-hover-brand-01: #e04826;--cl-color-hover-inverse-01: #b6c7d6;--cl-color-hover-link-01: #88bde3;--cl-color-hover-link-02: #b6c7d6;--cl-color-hubspot-brand-01: #ff5c35;--cl-color-icon-01: #ffffff;--cl-color-icon-02: #b6c7d6;--cl-color-icon-on-color-01: #192733;--cl-color-link-01: #5fa3d4;--cl-color-link-02: #ffffff;--cl-color-pressed-01: #3e5974;--cl-color-pressed-02: #3e5974;--cl-color-pressed-03: #516f90;--cl-color-pressed-brand-01: #b3361d;--cl-color-pressed-inverse-01: #99afc4;--cl-color-pressed-link-01: #9ec8e6;--cl-color-pressed-link-02: #99afc4;--cl-color-success-01: #4fb06d;--cl-color-text-01: #ffffff;--cl-color-text-02: #b6c7d6;--cl-color-text-brand-01: #ff5c35;--cl-color-text-on-color-01: #192733;--cl-color-text-placeholder-01: #99afc4;--cl-anchor-color: var(--cl-color-link-01, #5fa3d4);--cl-anchor-hover-color: var(--cl-color-hover-link-01, #88bde3);--cl-anchor-pressed-color: var(--cl-color-pressed-link-01, #9ec8e6);--cl-text-color: var(--cl-color-text-01, #ffffff);--cl-color-beta-01: #8589e0;--cl-color-free-01: #0fbfbf}[data-cl-theme]{color:var(--cl-text-color)}:root,[data-cl-brand=hubspot-2022]{--cl-font-family: "Lexend Deca", sans-serif;--cl-font-family-display: "Queens Medium", serif;--cl-font-size-blockquote: 1.125rem;--cl-font-size-display-01-small: 2.25rem;--cl-font-size-display-01: 3.75rem;--cl-font-size-display-02-small: 2.125rem;--cl-font-size-display-02: 3rem;--cl-font-size-display-03-small: 2rem;--cl-font-size-display-03: 2.5rem;--cl-font-size-h1-small: 2.25rem;--cl-font-size-h1: 3rem;--cl-font-size-h2-small: 1.625rem;--cl-font-size-h2: 2rem;--cl-font-size-h3: 1.5rem;--cl-font-size-h4: 1.375rem;--cl-font-size-h5: 1.125rem;--cl-font-size-h6: 1rem;--cl-font-size-input-label: 0.875rem;--cl-font-size-microcopy: 0.75rem;--cl-font-size-microheading: 0.875rem;--cl-font-size-p-large: 1.125rem;--cl-font-size-p-medium: 1rem;--cl-font-size-p-small: 0.875rem;--cl-font-weight-blockquote: 300;--cl-font-weight-display-01-small: 500;--cl-font-weight-display-01: 500;--cl-font-weight-display-02-small: 500;--cl-font-weight-display-02: 500;--cl-font-weight-display-03-small: 500;--cl-font-weight-display-03: 500;--cl-font-weight-h1-small: 600;--cl-font-weight-h1: 500;--cl-font-weight-h2-small: 600;--cl-font-weight-h2: 600;--cl-font-weight-h3: 500;--cl-font-weight-h4: 500;--cl-font-weight-h5: 600;--cl-font-weight-h6: 500;--cl-font-weight-input-label: 500;--cl-font-weight-microcopy: 500;--cl-font-weight-microheading: 600;--cl-font-weight-p-large: 300;--cl-font-weight-p-medium: 300;--cl-font-weight-p-small: 300;--cl-font-weight-p-link: 500;--cl-line-height-blockquote: 1.78;--cl-line-height-display-01-small: 1.27777778;--cl-line-height-display-01: 1.13333333;--cl-line-height-display-02-small: 1.23529412;--cl-line-height-display-02: 1.20833333;--cl-line-height-display-03-small: 1.25;--cl-line-height-display-03: 1.2;--cl-line-height-h1-small: 1.27777778;--cl-line-height-h1: 1.25;--cl-line-height-h2-small: 1.375;--cl-line-height-h2: 1.375;--cl-line-height-h3: 1.41666667;--cl-line-height-h4: 1.45454545;--cl-line-height-h5: 1.55555556;--cl-line-height-h6: 1.75;--cl-line-height-input-label: 1.57142857;--cl-line-height-microcopy: 1.66666667;--cl-line-height-microheading: 1.57142857;--cl-line-height-p-large: 1.77777778;--cl-line-height-p-medium: 1.75;--cl-line-height-p-small: 1.57142857} </style>     <script src="//platform.linkedin.com/in.js" type="text/javascript" nonce="UaaY1ojJv3fGHbaYJh5R9A=="> lang: pt_BR </script> <script src="https://platform.linkedin.com/js/secureAnonymousFramework?v=0.0.1194-RC8.47400-1428&lang=pt_BR" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script>  <meta property="og:url" content="https://br.hubspot.com/brand-kit-generator"> <meta name="twitter:card" content="summary"> <meta http-equiv="content-language" content="pt-br"> <script type="application/ld+json" nonce="UaaY1ojJv3fGHbaYJh5R9A=="> { "@context": "https://schema.org/", "@type": "WebApplication", "name": "Brand Kit Generator", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.4", "ratingCount": "1510" }, "applicationCategory": "BusinessApplication", "browserRequirements": "Requires JavaScript", "offers": { "@type": "Offer", "price": "0" } } </script> <script type="application/ld+json" nonce="UaaY1ojJv3fGHbaYJh5R9A=="> { "@context": "https://schema.org/", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "Onde posso usar meus logotipos, guia de marca e paleta de cores?", "acceptedAnswer": { "@type": "Answer", "text": "O logotipo, o guia de marca e a paleta de cores podem ser usados em qualquer lugar. Depois de concluir todas as etapas para criar seu kit de marca, você poderá fazer o download, salvá-lo como PDF ou compartilhar seu kit de marca. No entanto, você não pode adicionar seu design finalizado a uma plataforma concorrente e/ou se pretende redistribuí-lo." } }, { "@type": "Question", "name": "Como criar um logo de empresa?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Muitas empresas contratam designers gráficos para criar seu logotipo, mas você também pode criar o logotipo da sua marca com o Gerador de Kit de Marca da HubSpot. Aqui estão os passos a seguir:</p><ul><li>Etapa 1: Antes de começar, recomendamos que você tenha uma ideia básica de como deseja que seu logotipo seja para servir de inspiração.</li><li>Etapa 2: Insira seu mercado, nome do seu negócio e slogan. Daremos sugestões de logotipo com base nas informações que você fornecer.</li><li>Etapa 3: Escolha seu logotipo favorito entre as recomendações que fizermos. Você precisa ter certeza de que seu logotipo combina com os valores e a marca de sua empresa.</li><li>Etapa 4: Escolha seu estilo. Seu negócio é ousado e criativo? Ou é mais elegante? Escolha o estilo que melhor reflete a estética da sua marca.</li></ul><p>Depois de concluir as etapas acima, você verá uma prévia do logotipo do seu negócio. Simples e fácil, certo? Na próxima etapa, ajudaremos você a escolher as cores de marca certas para o seu negócio.</p>" } }, { "@type": "Question", "name": "Como criar uma paleta de cores?", "acceptedAnswer": { "@type": "Answer", "text": "<p>Nosso gerador de paleta de cores gratuito pode ajudá-lo a escolher o esquema de cores certo para o seu negócio. Aqui estão as etapas para encontrar sua paleta de cores com nossa ferramenta:</p><ul><li>Etapa 1: Escolha a cor principal da sua empresa. Seu público pode associar certas cores a certos significados, então é importante entender quais cores funcionam para o seu público e dentro do seu mercado.</li><li>Etapa 2: Encontre três cores complementares que funcionem com sua cor primária.</li><li>Etapa 3: Dentro do Gerador de Kit de Marca, escolha entre vários conjuntos de paletas de cores.</li><li>Etapa 4: Edite e altere as paletas de cores sugeridas ao seu gosto. Você pode repetir o processo se não estiver satisfeito com as paletas recomendadas até encontrar a que melhor se adapta ao seu negócio.</li></ul><p>A conclusão deste processo aplicará automaticamente a paleta de cores selecionada ao seu logo. Você pode personalizá-lo ainda mais trocando as cores dentro do seu logotipo.</p>" } } ] } </script> <meta name="generator" content="HubSpot"></head> <body> <div id="hs_cos_wrapper_bkg" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><noscript id="app-version" data-version="1740046396"></noscript> <div class="brand-kit-generator-i18n"> <script type="application/json" nonce="UaaY1ojJv3fGHbaYJh5R9A=="> { "module": {"brand_kit_collection":{"description":"Esta é a sua biblioteca de kits de marca. Aqui você pode visualizá-los, editá-los ou excluir aqueles que não deseja mais manter.","edit":"Editar","heading":"Seus kits salvos","preview":"Pré-visualizar","remove":"Retirar"},"brandkit_page":{"color":"Cores","description":"Altere formatos, fontes, cores e ícones e salve seu logotipo em sua galeria de kits de marca.\n","document_title":"Gerador de kit de marca - Editor","fonts":"Fontes","heading":"Personalize o seu kit de marca","icon":"ícones","layout":"Layout","modal_content":{"description":"Mais um na sua biblioteca! Fácil, não é mesmo?","heading":"Kit de marca salvo","keep_customizing":"Continue Personalizando","view_saved_kits":"Ver kits salvos"},"reset":"Restabelecer","undo":"Desfazer","your_color":"Sua Cor","your_logo":"Logotipo","your_typo":"Sua Tipografia"},"business_page":{"description":"Para começar, forneça seu mercado e slogan:\n","document_title":"Gerador de kit de marca - Primeiros passos","heading":"Qual é o seu negócio","input_label":{"industry":"Mercado","industry_placeholder":"Ex.: Restaurantes","name_of_your_business":"Nome da sua negócio","slogan_optional":"Slogan (opcional)","slogan_optional_placeholder":"Ex.: \"Diga sim à pizza\""}},"color_page":{"description":"Selecione a cor que deseja usar para representar o seu negócio:\n","document_title":"Gerador de kit de marca - Seleção de cor","heading":"Selecione sua cor primária","load_more_label":"Carregar mais"},"downloading_page":{"congrats":"Parabéns!","creating_description":"Estamos agrupando todos os seus ativos juntos. Isso pode levar um ou dois minutos. Aguarde!","document_title":"Gerador de kit de marca - Download do Conteúdo","page_description":"Obrigado por fazer o download do seu Kit de Marca","page_title":"Baixando…"},"error_boundaries":{"heading":"Ocorreu um erro!","try_again":"Por favor, tente novamente!"},"expired_modal":{"description":"Ir para a página inicial em","go_to_home":"Ir para a página inicial agora","heading":"Sessão Expirou","seconds":"Segundos"},"font_page":{"description":"Selecione a tipografia que deseja usar para representar sua marca:\n","document_title":"Gerador de kit de marca - Seleção de fonte","heading":"Selecione sua fonte","load_more_label":"Carregar mais"},"home_page":{"are_you_ready_section":{"input_button_text":"Começar","input_error":"Por favor preencha esse campo","input_placeholder":"Nome da sua empresa","section_description":"<p>Crie seu kit de marca agora e gere todos os recursos visuais de que sua empresa precisa para ser notada.</p>","section_heading":"Você está pronto"},"document_description":"Crie logotipos, ícones e paletas de cores personalizados em um instante com o Gerador de Kit de Marca da HubSpot para criar uma presença on-line exclusiva para o seu negócio.","document_title":"Gerador de kit de marca - logotipos deslumbrantes e paletas de cores gratuitas","faq_section":{"faq_items":[{"content":"<p>Muitas empresas contratam designers gráficos para criar seu logotipo, mas você também pode criar o logotipo da sua marca com o Gerador de Kit de Marca da HubSpot. Aqui estão os passos a seguir:</p>\n<ul>\n<li>Etapa 1: Antes de começar, recomendamos que você tenha uma ideia básica de como deseja que seu logotipo seja para servir de inspiração.</li>\n<li>Etapa 2: Insira seu mercado, nome do seu negócio e slogan. Daremos sugestões de logotipo com base nas informações que você fornecer.</li>\n<li>Etapa 3: Escolha seu logotipo favorito entre as recomendações que fizermos. Você precisa ter certeza de que seu logotipo combina com os valores e a marca de sua empresa.</li>\n<li>Etapa 4: Escolha seu estilo. Seu negócio é ousado e criativo? Ou é mais elegante? Escolha o estilo que melhor reflete a estética da sua marca.</li>\n</ul>\n<p>Depois de concluir as etapas acima, você verá uma prévia do logotipo do seu negócio. Simples e fácil, certo? Na próxima etapa, ajudaremos você a escolher as cores de marca certas para o seu negócio.</p>","heading":"Como criar um logo de empresa?"},{"content":"<p>Nosso gerador de paleta de cores gratuito pode ajudá-lo a escolher o esquema de cores certo para o seu negócio. Aqui estão as etapas para encontrar sua paleta de cores com nossa ferramenta:</p>\n<ul>\n<li>Etapa 1: Escolha a cor principal da sua empresa. Seu público pode associar certas cores a certos significados, então é importante entender quais cores funcionam para o seu público e dentro do seu mercado.</li>\n<li>Etapa 2: Encontre três cores complementares que funcionem com sua cor primária.</li>\n<li>Etapa 3: Dentro do Gerador de Kit de Marca, escolha entre vários conjuntos de paletas de cores.</li>\n<li>Etapa 4: Edite e altere as paletas de cores sugeridas ao seu gosto. Você pode repetir o processo se não estiver satisfeito com as paletas recomendadas até encontrar a que melhor se adapta ao seu negócio.</li>\n</ul>\n<p>A conclusão deste processo aplicará automaticamente a paleta de cores selecionada ao seu logo. Você pode personalizá-lo ainda mais trocando as cores dentro do seu logotipo.</p>","heading":"Como criar uma paleta de cores?"},{"content":"<p>Um favicon é ótimo para aumentar o conhecimento da marca online e melhorar seu rankeamento de SEO. Assim como o gerador de logotipo e o gerador de paleta de cores, o processo de criação de um favicon para seu site com o Gerador de Kit de Marca da HubSpot é perfeito e simples:</p>\n<ul>\n<li>Etapa 1: Crie seu logotipo com o gerador de kit de marca da HubSpot.</li>\n<li>Etapa 2: Depois de terminar o processo de criação do logotipo, você terá o arquivo de favicon gerado automaticamente para você.</li>\n<li>Etapa 3: Adicione o favicon ao seu site. Carregue seu arquivo favicon.ico para a pasta do seu diretório (“web”, “public” ou “public_html”).</li>\n<li>Etapa 4: Depois que o favicon for salvo e carregado, pressione o botão de atualizar e verifique a guia do site para ver se o seu logotipo é exibido.</li>\n</ul>\n<p>Voilà! Seu favicon deve estar ativado e exibido no navegador de web.</p>","heading":"Como criar um favicon?"},{"content":"<p>O logotipo, o guia de marca e a paleta de cores podem ser usados em qualquer lugar. Depois de concluir todas as etapas para criar seu kit de marca, você poderá fazer o download, salvá-lo como PDF ou compartilhar seu kit de marca. No entanto, você não pode adicionar seu design finalizado a uma plataforma concorrente e/ou se pretende redistribuí-lo.</p>","heading":"Onde posso usar meus logotipos, guia de marca e paleta de cores?"},{"content":"<p>Sim, você pode usar manualmente seu novo kit de marca criado por meio do Gerador de Kit de Marca com nosso CMS gratuito. Estamos trabalhando para automatizar esse processo para que, assim que seu kit de marca for gerado, ele seja adicionado automaticamente ao seu site no CMS da HubSpot.</p>","heading":"Posso usar meu novo kit de marca com o CMS gratuito da HubSpot?"}],"section_heading":"Perguntas frequentes"},"hero_banner":{"banner_heading":"Gerador de Logo e Design de Identidade Visual Gratuito","banner_input_button_text":"Começar","banner_input_placeholder":"Nome do seu negócio","banner_text":"Crie logotipos gratuitos, ícones e paletas de cores personalizados em um instante para construir uma presença on-line exclusiva para o seu négocio.","input_error":"Por favor preencha esse campo"},"section_1":{"section_description":"<p>Como a cara do seu negócio, o logotipo da sua empresa é um recurso essencial para construir a identidade da sua marca. Com o Gerador de Kit de Marca gratuito da HubSpot, é mais fácil do que nunca criar uma marca consistente e bem-sucedida.</p>\n<p>Com templates e design de logotipo gratuitos, você pode facilmente criar belos logotipos para o seu negócio. Tudo o que você precisa fazer é digitar a área, o nome e o slogan da sua empresa no gerador de logotipo gratuito. Em seguida, escolha um logotipo e personalize-o até que ele corresponda à sua marca.</p>","section_heading":"Experimente modelos de logo gratuitos para o seu negócio.","section_image_alt":"4 modelos de logotipos comerciais em uma janela de browser"},"section_2":{"section_description":"<p>Criar uma identidade de marca pode ser desafiador. O Gerador de Kit de Marca da HubSpot simplifica a criação de um logotipo personalizado que você pode personalizar totalmente de acordo com as especificações da sua marca.</p>\n<p>Escolha em nossa biblioteca de milhares de modelos de logotipo e personalize-os por estilo, paleta de cores e tipografia para combinar com sua marca. Nossa ferramenta gratuita também fornece seu logotipo em vários formatos de ícone (ex.: favicon, ícones de redes sociais) e formatos de imagem (ex.: JPG, PNG, WebP, SVG).</p>","section_heading":"Personalize os elementos da sua marca.","section_image_alt":"O editor do Gerador de Kit de Marca com uma imagem colorida"},"section_3":{"section_description":"A paleta de cores certa pode ajudar seu público a reconhecer sua marca instantaneamente. O Gerador de Kit de Marca inclui um gerador de paleta de cores gratuito para incrementar o reconhecimento de sua marca. Chega de perder tempo decidindo quais cores funcionam juntas - você escolhe as cores iniciais e geramos conjuntos de cores compatíveis para você escolher. Em seguida, basta escolher o esquema de cores que melhor representa a sua marca. Você pode repetir o processo se não estiver satisfeito com os resultados. Assim que terminar, as cores serão salvas automaticamente em um PDF para você consultar no futuro.","section_heading":"Gere uma paleta de cores exclusiva para o seu negócio.","section_image_alt":"Uma paleta de cores em uma janela do navegador"},"section_4":{"section_description":"<p>A ferramenta de kit de marca da HubSpot inclui um gerador de favicon gratuito, para que você também possa baixar o logotipo da sua marca como um favicon. Um favicon é uma pequena versão do seu logotipo exibido nas guias de sites, na barra de pesquisa e na barra de favoritos, entre outros. Depois de concluir o processo de design do logotipo, você também terá automaticamente acesso ao favicon criado para o seu site.</p>\n<p>Você também pode gerar seu logotipo nos tamanhos corretos para diferentes plataformas de mídia social. Uma vez criado, a ferramenta irá adaptar e gerar uma imagem do seu logotipo de acordo com as dimensões e especificações de cada plataforma de rede social.</p>","section_heading":"Gere favicons e ícones de redes sociais.","section_image_alt":" O logotipo da Blue Mountain Travel com ícones coloridos de redes sociais"},"section_5":{"section_description":"<p>The Brand Kit Generator makes your social media presence consistent with your business. Have you experienced the struggle of researching which image sizes work with which social networks? Well, have no fear, the social media icon generator is here to help! There is no need to figure out the exact format anymore, you can save time adjusting your logo size for each platform with our built-in free icons converter.</p><p>The tool lets you generate all the right social media image sizes for all your business' platforms. Once your logo is generated, the tool will adapt and generate an image to the platform's dimensions and specifications. Whether it is JPG, PNG or even Vector, HubSpot's Brand Kit Generator has got you covered.</p>","section_heading":"Generate social media icons in popular formats","section_image_alt":"O logotipo da Blue Mountain Travel no Instagram "}},"icon_page":{"description":"Selecione ou procure o ícone que melhor representa o seu negócio:\n","document_title":"Gerador de kit de marca - Seleção de ícone","heading":"Selecione seu ícone","load_more_label":"Carregar mais","loading_label":"Carregando...","no_icons_found":"Nenhum ícone encontrado para o termo","search_input_placeholder":"Escolha entre mais de 120,000 icones"},"layout":{"footer":{"copyright":"Copyright ©","footer_menu":{"guidelines":"Diretrizes","guidelines_url":"https://www.hubspot.com/content-usage-guidelines","legal_stuff":"Assuntos Jurídicos","legal_stuff_url":"https://legal.hubspot.com/br/legal-stuff","privacy_policy":"Política de Privacidade","privacy_policy_url":"https://legal.hubspot.com/br/privacy-policy"},"hubspot_inc":"HubSpot, Inc."},"header":{"header_cta_button_text":"Crie um site gratuitamente","header_cta_link":{"no_follow":false,"open_in_new_tab":false,"rel":"","sponsored":false,"url":{"content_id":null,"href":"https://app.hubspot.com/signup-hubspot/microapp?microapp=brand-kit-generator","href_with_scheme":"https://app.hubspot.com/signup-hubspot/microapp?microapp=brand-kit-generator","type":"EXTERNAL"},"user_generated_content":false}},"menu_progress":{"step":"Etapa","step_1":{"description":"As principais informações sobre o seu negócio ajudarão a nossa ferramenta a gerar ativos relevantes para a sua marca. Seu mercado é necessário; um slogan é opcional (mas recomendado).\n","heading":"Qual é o seu negócio?"},"step_2":{"description":"Escolher o ícone certo é crucial, pois ele aparecerá em seu logotipo e em todos os recursos do kit de marca. Se você decidir alterá-lo, você pode sempre voltar a esse passo.\n","heading":"Selecione seu ícone"},"step_3":{"description":"Uma cor primária que será exibida em seus ativos.\n","heading":"Selecione sua cor primária"},"step_4":{"description":"Escolher a fonte certa é crucial para comunicar a energia da sua marca. É afiado e sério? Divertido e alegre? Suave e acolhedor?\n","heading":"Selecione sua fonte"},"step_5":{"description":"Escolha o logotipo que melhor reflete o seu negócio.\n","heading":"Selecione seu logotipo"},"step_6":{"description":"Personalize o kit da sua marca clicando nos botões “Fonte”, “Logomarca”, “Cor” e “Layout” localizados na área de visualização. O kit será atualizado. Você pode manter este novo kit selecionando “Salvar”, continuando a ajustá-lo ou cancelar a alteração. Pronto para seguir? Clique em “Continuar” e veja o resultado final.\n","heading":"Personalização do Kit de Marca"}},"page_navigator":{"back":"Voltar","continue":"Continuar","loading":"Carregando","saving":"Salvando"},"upload":{"auth_error":{"heading":"Erro de autenticação","modal_description":"Faça login na sua conta HubSpot e tente fazer o upload novamente.","modal_heading":"Erro de autenticação","modal_retry_cta":"Login","subheading":"Erro de autenticação"},"customise_button_text":"Crie um site grátis","dismiss":"Desfazer","download_cta_text":"Baixe seu kit de marca","error":{"heading":"Erro ao subir o arquivo","modal_description":"Não se preocupe, vamos te ajudar. Para colocar as coisas de volta nos trilhos, basta clicar no botão abaixo e nos deixar fazer nossa mágica. Basta reiniciar rapidamente e você estará pronto para prosseguir!","modal_heading":"Oops! Alguma coisa deu errado ao subir o arquivo","modal_retry_cta":"Clique aqui para reiniciar o processo e continuar.","subheading":"Erro subindo seu kit de marca."},"in_progress":{"heading":"Upload em andamento..","subheading":"Não recarregue a página."},"max_limit":{"heading":"Erro de limite máximo do kit de marca","modal_description":"Você atingiu o número máximo de uploads para sua conta. Remova um dos seus kits de marca existentes para enviar um novo.","modal_heading":"Erro de limite máximo do kit de marca","modal_retry_cta":"Remover um kit de marca","subheading":"Erro de limite máximo do kit de marca"},"network_issues":{"heading":"Erro de rede","modal_description":"Verifique sua conexão com a internet e tente fazer o upload novamente.","modal_heading":"Erro de rede","modal_retry_cta":"Tentar novamente","subheading":"Erro de rede"},"success":{"heading":"Upload em andamento..","modal_customize_your_website_cta":"Personalize seu site","modal_description":"O Tema Growth – um dos temas padrão da HubSpot – foi aplicado ao seu site e agora está pronto para personalização. Você pode acessar seu site com este link:","modal_download_cta":"Baixe agora","modal_heading":"Upload completo! Personalize seu site agora","subheading":"Não recarregue a página."}}},"logo_page":{"description":"Escolha o logotipo que você mais gosta.\n","document_title":"Gerador de kit de marca - Seleção de logo","heading":"Selecione seu logo","load_more_label":"Carregar mais"},"logo_preview":{"header":"Encabezado","heading":"VISTA PREVIA","load_more_label":"Load More","subheader":"Subencabezado"},"not_found_page":{"brandkit_generator":"Página Inicial o Brand Kit Generator?","description":"Parece que essa página não existe.","document_title":"Brand Kit Generator Not Found","go_back_to":"Volte para o HubSpot's","heading":"Que pena, ocorreu um erro."},"result_brandkit_page":{"add_to_website_cta":"Adicionar ao site","blog":"Blog","built_with_you_in_mind":"Criado com você em mente","colors_heading":"Cores","contact_us":"Contácte-nos","copied_clipboard":"Link copiado para a área de transferência.","customizable":"Personalizável","description":"<p>Aqui está o seu kit de marca, para que você veja como o seu negócio será visto pelo mundo.</p>\n<p>A partir daqui você pode baixar seus arquivos, compartilhar um link direto com membros da sua equipe, colegas e fornecedores ou voltar ao editor para melhorar seu kit atual.</p>","document_title":"Gerador de kit de marca - Final","download_assets":"Baixar Recursos","download_assets_mobile":"Baixe agora","download_svg":"Baixar SVG","easy_to_use":"Fácil de usar","edit_your_brand_kit":"Edite seu kit de marca","get_started":"Começar","growth_theme":"Nome do seu site na web","heading":"Seu kit de marca","logo_heading":"Logo","menu":"Menu","prices":"Preços","primary_colors_heading":"Cores primárias","quick_setup":"Configuración rápida","secondary_colors_heading":"Cores secundárias","see_things_in_action":"Sua marca em ação","share":"Comparthilhar","show_off_your_happy_customers":"Mostre seus clientes satisfeitos","social_media_kits_heading":"Conteúdo de redes sociais","typography_heading":"Tipografia","web_and_collaterals_heading":"Web e colaterais"},"thank_for_creating_theme_page":{"customize_your_website":"Personalize seu site","description":"O Growth Theme - um dos temas padrão do HubSpot - foi aplicado ao seu website e agora está pronto para personalização. <br/> Você pode acessar seu website com este link: ","document_title":"Gerador de kit de marca - Obrigado (a)!","heading":"Tudo pronto! <br/> Personalize seu site agora","section_1":{"section_description":"Em resumo, seu site está pronto para ir! Seu portal HubSpot irá guiá-lo através do processo de criação de seu novo site.","section_heading":"Como posso começar?","section_image":"https://22402057.fs1.hubspotusercontent-na1.net/hubfs/22402057/prototype/demo/tk-get-started.png","section_image_alt":"Get started","section_image_caption":"Each step is outlined for you in an easy-to-follow user guide."},"section_2":{"section_description":"Se você precisar de ajuda, os recursos em seu portal e o <a href=\"https://knowledge.hubspot.com/pt/get-started/build-your-website\" rel=\"noopener\">artigo da Base de Conhecimento HubSpot </a>podem colocá-lo de volta no caminho certo.","section_heading":"Como posso obter ajuda?","section_image":"https://22402057.fs1.hubspotusercontent-na1.net/hubfs/22402057/prototype/demo/tk-get-help.png","section_image_alt":"Get help","section_image_caption":"Helpful resources in your HubSpot’s portal."},"section_3":{"section_description":"<p>Um dos temas padrão do HubSpot, o Growth Theme, foi definido como <a href=\"https://knowledge.hubspot.com/website-pages/use-themes\" rel=\"noopener\">seu tema ativo</a>. Isto significa que você não precisa fazer nenhuma configuração adicional e pode começar a criar seu website. <br>Escolhemos um layout de logotipo de seu kit de marca que melhor se encaixa neste tema. <br>Você está convidado a atualizar isto a qualquer momento. <br><br>Mal podemos esperar para ver o que você cria!</p>","section_heading":"O que é um tema?","section_image":"https://22402057.fs1.hubspotusercontent-na1.net/hubfs/22402057/prototype/demo/tk-theme.png","section_image_alt":"What is a theme"}},"thank_for_downloading_page":{"back_to_brand_kit":"Voltar ao kit de marca","create_a_free_website":"Crie um site gratuito","create_a_new_one":"Criar um novo","description":"Estamos agrupando todos os seus ativos juntos. Isso pode levar um ou dois minutos. Aguarde!","document_title":"Gerador de kit de marca - Obrigado (a)!","get_the_free_CMS":"Comece com o CMS gratuito","heading":"Obrigado por fazer o download do seu Kit de Marca","section_1":{"section_description":"Agora que você tem seu kit de marca, é hora de usá-lo em um novo site. O criador de sites gratuito da HubSpot ajudará você a criar seu negócio online.","section_heading":"Use seus recursos visuais com o CMS Hub da HubSpot"},"section_2":{"section_description":"Após o download, acesse o criador de sites gratuito da HubSpot e substitua o logotipo padrão pelo seu logo.","section_heading":"Adicione seu logotipo ao seu site.","section_image":"https://22402057.fs1.hubspotusercontent-na1.net/hubfs/22402057/prototype/demo/en-localization/Frame%20427.png","section_image_alt":"Gerador de Kit de Marca da HubSpot - Configuração de Logotipo"},"section_3":{"section_description":"Para adicionar um favicon ao seu site, navegue até Configurações e carregue seu favicon.","section_heading":"Insira seu favicon com facilidade.","section_image":"https://22402057.fs1.hubspotusercontent-na1.net/hubfs/22402057/prototype/demo/en-localization/Frame%20429.png","section_image_alt":"Gerador de Kit de Marca da HubSpot - personalização de favicon"},"section_4":{"section_description":"Você pode usar a paleta de cores fornecida em seu kit de marca no tema do seu site. Copie e cole os códigos hexadecimais e pronto.","section_heading":"Adicione cores personalizadas ao tema do seu site.","section_image":"https://22402057.fs1.hubspotusercontent-na1.net/hubfs/22402057/prototype/demo/en-localization/Frame%20430.png","section_image_alt":"Gerador de Kit de Marca da HubSpot - personalização de cores"},"section_5":{"section_description":"Para usar as fontes geradas em seu kit de marca em seu site, selecione as fontes escolhidas em \"configurações do tema\".","section_heading":"Selecione as fontes certas para combinar com a identidade da sua marca.","section_image":"https://22402057.fs1.hubspotusercontent-na1.net/hubfs/22402057/prototype/demo/en-localization/Frame%20431.png","section_image_alt":"Gerador de Kit de Marca da HubSpot - personalização de fontes"},"section_6":{"section_description":"Se sua empresa tiver contas no Facebook, Instagram, Twitter ou YouTube, carregue ícones criados para atender às dimensões específicas de cada plataforma de rede social.","section_heading":"Deixe sua marca nas redes sociais.","section_image":"https://22402057.fs1.hubspotusercontent-na1.net/hubfs/22402057/prototype/demo/en-localization/Frame%20432.png","section_image_alt":"Gerador de Kit de Marca da HubSpot - inclusão de conteúdod o brand-kit em redes sociais "},"your_brand_kit_is_ready":"Seu kit de marca está pronto!"},"type":"module","upload_theme_error":{"description":"<h1 style=\"text-align: center;\">Oops! Algo deu errado com o upload.</h1>\n<p>Não se preocupe, nós cuidamos disso. Para colocar as coisas de volta nos trilhos, basta clicar no botão abaixo e deixar-nos fazer nossa mágica. Apenas uma reinicialização rápida e você estará pronto para continuar!</p>","thank_you":"Obrigado pela compreensão!","try_again":"Clique aqui para reiniciar o processo e continuar tranquilamente"},"uploading_page":{"document_title":"Brand Kit Generator Uploading"},"yourself_page":{"continue_button":"Continuar","description":"A proteção dos seus dados é muito importante para nós. A HubSpot usará as informações que você fornecer apenas para entrar em contato com você sobre nosso conteúdo, produtos e serviços relevantes. Você pode cancelar a assinatura dessas comunicações a qualquer momento. Para mais informação, veja nossa <a href=\"https://legal.hubspot.com/br/privacy-policy\" rel=\"noopener\" target=\"_blank\">política de privacidade</a>.","document_title":"Gerador de kit de marca - Formulário","exit_button":"Close","heading":"Conte-nos um pouco sobre você","input_error":{"company_name":"O nome da empresa é obrigatório","email_invalid":"O e-mail é inválido","email_required":"O e-mail é necessário","first_name":"O primeiro nome é obrigatório","industry":"Indústria não fornecida","job_role":"O cargo é necessário","last_name":"O sobrenome é obrigatório","num_of_employees":"Número de funcionários não selecionados","phone_number":"O número de telefone é inválido","slogan":"Informações sobre o slogan não fornecidas","website_url_invalid":"A url do site é inválida","website_url_required":"A url do site é necessária"},"input_label":{"company_name":"Nome da empresa","email":"Endereço de e-mail","first_name":"Nome","industry":"Indústria","job_role":"Cargo de Trabalho","last_name":"Sobrenome","num_of_employees":"Número de funcionários em sua empresa","phone_number":"Telefone","slogan":"Slogan","website_url":"URL do site"},"input_placeholder":{"company_name":"Minha Empresa","email":"aline.silva@minhaempresa.com.br","first_name":"Aline","industry":"Industry","job_role":"Gerente de Marketing","last_name":"Silva","num_of_employees":"autônomo","phone_number":"(000) 00000-0000","slogan":"Slogan","website_url":"https://www.minhaempresa.com.br/"},"select_options":{"option_1":"1","option_2":"2 a 5","option_3":"6 a 10","option_4":"11 a 25","option_5":"26 a 50","option_6":"51 a 200","option_7":"201 a 1.000","option_8":"1.001 a 10.000","option_9":"10.001 ou mais","self_employed":"Por favor, selecione"}}}, } </script> </div> <div id="brand-kit-generator" data-username="" data-ip-address="8.222.208.146" data-language="pt-br" data-page-id="175480817204" data-sign-ups-only=""></div> <script defer type="module" nonce="UaaY1ojJv3fGHbaYJh5R9A==">import 'https://br.hubspot.com/hubfs/bkg-build-assets/1740046396/index.js';</script></div> <div class="bkg-rff"> <div id="hs_cos_wrapper_bkg_reduced_field_form" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div id="bkg-msf-modal" class="msf-modal cl-modal" role="dialog" aria-modal="true" aria-labelledby="" aria-describedby="multi-step-form" data-cl-exit="false"> <div class="cl-modal-backdrop" data-cl-modal="close"> <div class="cl-modal-main"> <div class="cl-modal-header -white"> <button class="cl-modal-close" data-cl-modal="close" type="button"> <span class="visually-hidden">Fechar</span> <svg class="cl-icon" aria-hidden="true"><use href="#close" /></svg> </button> </div> <div id="multi-step-form" class="cl-modal-content msf-modal-content"> <style>@keyframes msf-progress { 0% { transform: scaleX(0); opacity: 0; } 100% { transform: scaleX(1); opacity: 1; } } @keyframes msf-appear { 0% { scale: 0; } 100% { scale: 1; } } .msf-container { --rff-indicator-outline-color: var(--light-theme-background-01); --rff-indicator-incomplete-background-color: var(--cl-color-container-03); --rff-indicator-complete-background-color: var(--cl-color-success-01); --rff-indicator-incomplete-text-color: var(--cl-color-text-01); --rff-indicator-complete-text-color: var(--cl-color-text-on-color-01); --rff-indicator-incomplete-border-color: var(--cl-color-border-03); --rff-indicator-complete-border-color: transparent; margin: 0 auto; max-width: 720px; container-name: msf-container; container-type: inline-size; &.-dark { --rff-indicator-outline-color: var(--dark-theme-background-02); } } .msf-header { text-align: center; margin: 2em 0 0 0; } .msf-progress-bar { position: absolute; z-index: 0; top: 50%; left: 0; right: 0; transform: translateY(-50%) scaleX(0); opacity: 0; height: 2px; background-color: var(--light-theme-border-02); transform-origin: left; } .msf-container[data-show-steps='true'] .msf-progress-bar { animation: msf-progress 1s linear forwards; } .msf-progress-header { position: relative; max-width: 860px; margin: 1rem auto 2.5rem; } .msf-indicators { list-style: none; width: 100%; display: flex; justify-content: space-between; flex-direction: row; } .msf-indicator { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; color: var(--rff-indicator-incomplete-text-color); background-color: var(--rff-indicator-incomplete-background-color); border: 2px solid var(--rff-indicator-incomplete-border-color); border-radius: 50%; outline: 8px solid var(--rff-indicator-outline-color); scale: 0; transition: 0.3s background-color linear; font-size: var(--font-size-h6, 1rem); font-weight: var(--font-weight-h6, 500); line-height: var(--line-height-h6, 1.75); } .msf-indicator .cl-icon { display: none; } .msf-description { margin-bottom: 1.5rem; } .msf-container[data-show-steps='true'] .msf-indicator { animation: msf-appear 0.3s ease-out forwards; animation-delay: var(--delay); } .msf-indicator.complete, .msf-indicator.active { background-color: var(--rff-indicator-complete-background-color); color: var(--rff-indicator-complete-text-color); border-color: var(--rff-indicator-complete-border-color); } .msf-indicator.complete .cl-icon { height: 1rem; width: 1rem; position: absolute; fill: currentColor; display: flex; } .msf-indicator.complete > span { opacity: 0; /* effectively visually-hidden */ } .msf { --current-step: 1; position: relative; margin: 0 auto; max-width: 1080px; overflow: hidden; padding: 0.5rem; } .msf-list { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; list-style: none; transform: translateX(calc(-100% * (var(--current-step) - 1))); transition: transform 0.35s ease-in-out; } .msf-step { width: 100%; min-width: 100%; display: flex; flex-direction: column; align-items: center; visibility: hidden; } .msf-step[data-active='true'] { visibility: visible; } .msf-step-fields { display: flex; flex-direction: column; gap: 1.5rem; @container msf-container (width >= 600px) { flex-direction: row; } } .msf-field { max-width: 25ch; } .msf-legal { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in; text-align: left; font-size: var(--font-size-small); line-height: var(--line-height-small); margin-top: 1.5rem; } .msf-legal > p { font-size: var(--font-size-small); line-height: var(--line-height-small); } .msf-navigation { position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: 2rem; } .msf-next { position: relative; } .msf-submit { position: absolute; right: 0; visibility: hidden; } .msf[data-step='1'] .msf-previous { visibility: hidden; } .msf[data-last-step='true'] .msf-next { visibility: hidden; } .msf[data-last-step='true'] .msf-submit { visibility: visible; } .msf[data-last-step='true'] .msf-legal { max-height: 100vh; } /* Component library validation */ .msf .cl-input .cl-input-status { display: none; } .msf .cl-input.-invalid .cl-input-status { display: unset; } /* Loading states for CTAs */ .msf .cl-button { min-height: 41px; } .msf .cl-loading { position: absolute; display: none; top: 50%; left: 50%; transform: translate(-50%, -50%); } :is(.msf-submit, .msf-next).-loading > span{ visibility: hidden; } :is(.msf-submit, .msf-next).-loading > .cl-loading { display: block; } </style> <script id="rff-user-data" type="application/json" nonce="UaaY1ojJv3fGHbaYJh5R9A=="> { "partners": "", "customHiddenFields": [], "language": "pt", "pageId": "175480817204" } </script> <div class="msf-container -light"> <div class="msf-header"> <div class="msf-progress-header"> <div class="msf-progress-bar" aria-hidden="true"></div> <ul class="msf-indicators" aria-label="Etapas"></ul> </div><h2>Conte-nos um pouco sobre você</h2></div> <form class="msf" data-theme="light" data-form-id="609e7c82-ba92-443e-9bfa-2d2070a0dbb6" data-response-type="redirect" data-redirect-url="" data-followup-email-id="" data-display-option="modal" data-smart-content-query-param-key="" data-smart-content-query-param-values="" data-show-all-fields="false" data-should-send-redirect-event="false" data-step="1" data-modal-id="bkg-msf"> </form> </div> </div> </div> </div> </div></div> </div>  <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script> <script src="//53.fs1.hubspotusercontent-na1.net/hub/53/hub_generated/template_assets/80991207740/1734110193706/_Web_Team_Assets/Component_Modules/assets/icons.min.js" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script> <script nonce="UaaY1ojJv3fGHbaYJh5R9A=="> var hsVars = hsVars || {}; hsVars['language'] = 'pt-br'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script> <script defer src="https://www.hubspot.com/hubfs/hub_generated/module_assets/1/148153422959/1736248163513/module_multi-step-form.min.js" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script> <script defer src="//www.hubspot.com/hubfs/hub_generated/template_assets/1/167517199999/1736248170339/template_script.min.js" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script>  <script type="text/javascript" nonce="UaaY1ojJv3fGHbaYJh5R9A=="> var _hsq = _hsq || []; _hsq.push(["setContentType", "landing-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/br.hubspot.com\/brand-kit-generator"]); _hsq.push(["setPageId", "175480817204"]); _hsq.push(["setContentMetadata", { "contentPageId": 175480817204, "legacyPageId": "175480817204", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 175480817204, "languageCode": "pt-br", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/53.js" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script>  <script type="text/javascript" nonce="UaaY1ojJv3fGHbaYJh5R9A=="> var hsVars = { render_id: "ff320145-ee61-48aa-b23c-459f2752d39f", ticks: 1740164481859, page_id: 175480817204, content_group_id: 0, portal_id: 53, app_hs_base_url: "https://app.hubspot.com", cp_hs_base_url: "https://cp.hubspot.com", language: "pt-br", analytics_page_type: "landing-page", scp_content_type: "", analytics_page_id: "175480817204", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.393/js/index.js" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script> <script type="text/javascript" src="https://js.hubspot.com/ut-js/hubspot-dot-com.js" defer nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script>    <script type="text/javascript" src="https://www.hubspot.com/wt-assets/static-files/mktg-analytics/latest/bundle.min.js" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script> <script type="text/javascript" src="https://static.hsappstatic.net/affiliates-landing-embed/ex/referral.js" nonce="UaaY1ojJv3fGHbaYJh5R9A=="></script>   </body></html>