# Diretrizes da marca Vodlix — logotipo, cores e tipografia **Source:** https://vodlix.com/pt/brand **Summary:** Baixe o logotipo e o ícone da Vodlix em SVG e PNG e veja como usá-los: área de proteção, tamanho mínimo, paleta da marca, tipografia e o que evitar. **Publisher:** Vodlix --- ## Diretrizes da marca Marca Tudo o que você precisa para colocar o logo Vodlix em um site, uma apresentação, um artigo ou um banner de evento — os arquivos, as cores, a tipografia e as poucas coisas que não devem ser feitas com eles. Sem formulário de autorização, sem esperar por nós. ## O logo Quatro versões, uma para cada tipo de fundo. Escolha pela superfície onde você vai aplicá-lo, não pelo arquivo que já tem. - Em superfícies brancas e claras — o logo **para fundos claros**. É a marca principal e a escolha padrão certa. - Em superfícies pretas e escuras — o logo **para fundos escuros**. O símbolo vermelho fica nítido sobre o quase preto. - Sobre o vermelho da marca e sobre o degradê — **somente monocromático branco**. Um símbolo vermelho sobre vermelho não se lê. - O **ícone sozinho** — colorido sobre fundos neutros, branco sobre escuro ou vermelho, preto sobre claro quando não for possível usar cor. Use-o apenas onde “Vodlix” já está estabelecido: um avatar, um favicon, o ícone de um app. **O logo para fundos claros tem um logotipo um pouco mais encorpado que o do logo para fundos escuros.** Isso é intencional e vai continuar assim — compensa a forma como o texto parece afinar sobre um fundo claro. Use cada versão no fundo para o qual ela foi feita, em vez de corrigir o peso por conta própria. Use o SVG sempre que o meio permitir — ele continua nítido em qualquer tamanho e imprime corretamente. Os PNGs são para os lugares que não aceitam vetor. ## Área de proteção e tamanho mínimo Dê espaço ao logo e não o reduza além do ponto em que o logotipo deixa de ser legível. ½ da altura do logo - Mantenha livre, em todos os lados, uma margem de pelo menos **metade da altura do logo**. Nada — texto, a borda de uma imagem, outro logo, uma moldura — entra nessa zona. - Tamanho mínimo — Abaixo dessas medidas o logotipo começa a empastar. Se precisar dele menor que isso, use o ícone sozinho. - Logo completo — 120 px / 25 mm de largura - Ícone — 24 px / 8 mm de largura ## Cor O vermelho da marca é **#E61D2C**. Ele é um destaque, não uma superfície — o Vodlix é uma marca branca e preta com toques de vermelho, então painéis inteiramente vermelhos não fazem parte do nosso estilo. Marca - Vermelho da marca - Vermelho, hover - Vermelho suave Neutros — claros - Tinta - Tinta secundária - Atenuado - Fio fino - Superfície - Página - Faixa de tinta Neutros — escuros - Página - Superfície - Tinta - Fio fino - Vermelho, hover Degradê - Stop 1 - Stop 2 - Stop 3 - Stop 4 O degradê é só para superfícies de hero e títulos display — nunca em um ícone, um selo ou um botão. Sobre ele, o logo é monocromático branco. ## Tipografia Duas fontes, ambas gratuitas e disponíveis no Google Fonts, para que você reproduza um layout Vodlix sem precisar licenciar nada. - Merriweather Sans — títulos — Títulos, nomes de cards e planos, números de estatísticas, a marca no rodapé. Pesos 400–700. - Noto Sans — texto e interface — Todo o resto: texto corrido, rótulos, botões, tabelas. Pesos 400–700. As fontes irmãs da família Noto cobrem árabe, chinês e japonês, e é por isso que ela é a fonte do texto. - Se não puder carregar nenhuma das duas — Use a fonte sem serifa do sistema (system-ui, depois Helvetica ou Arial). Não substitua por uma fonte serifada nem por uma condensada. Título da página Título de seção O parágrafo de abertura — um nível claramente abaixo do título, sem tamanho de display. Texto corrido. O Vodlix oferece a você a plataforma que os grandes serviços de streaming construíram para si mesmos — site, apps, assinaturas e analytics — sem precisar de uma equipe de engenharia. Metadados · 27 ago. 2026 · 6 min de leitura $1,550 Os títulos usam espaçamento entre letras de −2%. Números — preços, estatísticas, valores de tabela — usam algarismos tabulares para que as colunas fiquem alinhadas. ## O que não fazer O logo é uma arte fixa. Posicione, redimensione proporcionalmente e não mexa em mais nada. - Não mude as cores — Nada das cores da sua marca na nossa. Preto ou branco são as únicas alternativas, e ambos são fornecidos como arquivos. - Não estique nem achate — Redimensione largura e altura juntas. Se não couber, use o ícone. - Não adicione efeitos — Sem sombra projetada, brilho, chanfro, contorno ou preenchimento em degradê. - Não use a versão para fundos claros sobre um fundo escuro — O logotipo dela é quase preto e praticamente desaparece. Use o arquivo para fundos escuros ou o monocromático branco. - Vodlix — Não recrie o logotipo — Ele não é composto em uma fonte que você possa digitar de novo. Sempre aplique o arquivo fornecido. - Não gire nem corte — O logo fica na horizontal e inteiro. Nada de ângulos, nada de cortes que deixem só um canto da marca. Além disso: não coloque o logo dentro de uma forma ou caixa criada por você, não o use de um jeito que sugira uma parceria ou um endosso que não tenhamos combinado e não o use como parte do nome ou do logo do seu próprio produto. ## Baixe os arquivos Tudo o que está nesta página, individualmente ou em um único arquivo compactado. SVG quando o meio permitir, PNG quando não permitir. Baixar todos os arquivos (ZIP, ~1 MB) Logo - Logo — fundos claros — O logo principal. Superfícies brancas e claras. - Logo — fundos escuros — Superfícies pretas e quase pretas. - Logo — monocromático preto — Impressão em uma cor, bordado, gravação. - Logo — monocromático branco — Uma cor sobre fundo escuro, e o único logo a usar sobre o vermelho da marca ou o degradê. Ícone - Ícone — colorido — Superfícies neutras. Somente SVG. - Ícone — branco — Superfícies escuras e vermelhas. - Ícone — preto — Superfícies claras, quando não for possível usar cor. Assinaturas de e-mail — 280 × 65 - Logo para e-mail — PNG no tamanho certo para um cliente de e-mail claro. - Logo para e-mail — branco — PNG no tamanho certo para um cliente de e-mail escuro. ## Precisa de algo que não está aqui? Um tamanho fora do comum, um arquivo pronto para impressão, uma captura de tela do produto ou uma conferência de que o que você criou está certo — peça e nós enviamos.