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 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.
Área de proteção
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.
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.
#E61D2C#DB1223#FDEDEE#0C0C0E#3A3A42#8F8F99#E7E7EC#FFFFFF#FBFBFC#101014#0E0E11#16161A#F5F5F7#26262C#F03935#E61D2C#FF0000#EEAB6E#F89436O 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.
Títulos, nomes de cards e planos, números de estatísticas, a marca no rodapé. Pesos 400–700.
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.
Use a fonte sem serifa do sistema (system-ui, depois Helvetica ou Arial). Não substitua por uma fonte serifada nem por uma condensada.
O parágrafo de abertura — um nível claramente abaixo do título, sem tamanho de display.18px
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.15.5px
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.
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.
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.