Elementos Gráficos
Para a composição dos grafismos TOTVS, utilizamos linhas diagonais e circulares nas cores da marca (principais, secundárias e complementares). Confira:
Quem é líder precisa ser reconhecido. Entenda as relações entre os elementos gráficos, cores, logotipia, fotografia e outros assets que compõem o sistema da marca TOTVS.
Utilize somente as variações apresentadas abaixo, não modificando formas ou proporções do logotipo, nem suas cores ou níveis de graduação cromática na versão gradiente.
Quando houver limitações técnicas de cor, utilizar as variações monocromáticas P&B.
Devem ser utilizadas somente com a validação do Departamento de Marketing. Quando não houver contraste suficiente entre a marca e o fundo, utilize as versões em preto e branco.
Devem ser utilizadas somente com a validação do Departamento de Marketing. Quando não houver contraste suficiente entre a marca e o fundo, utilize as versões em preto e branco.
A versão do logotipo com gradiente, embora válida para materiais já produzidos, é contra indicada para materiais novos. Prefira sempre a versão prioritária com cores chapadas, pois é mais moderna, versátil e de fácil aplicação. O gradiente pode limitar a reprodução do logo em alguns materiais e remeter à identidade visual antiga da TOTVS.
O uso de cores no logotipo da marca TOTVS deve ser limitado aos Pantones listados acima. Não use o logo em laranja ou em outras cores diferentes da paleta TOTVS.
A versão prioritária do logo é a versão monocromátiva (em cinza escuro ou branco) na sua variação horizontal.
Respeite os limites de redução do logo de forma a garantir a sua total legibilidade. Já o campo de resguardo visual configura uma área invisível que determina uma distância mínima entre a marca e qualquer elemento alheio a ela. Veja abaixo:
Na reprodução da marca em espaços físicos (fora do ambiente digital), como letra caixa ou adesivo em vinil deve-se utilizar esta relação construtiva para obtenção das proporções que garantem a integridade da marca. Em caso de aplicação de slogan ou assinatura serão usadas as regras de resguardo visual do logotipo, utilizando a fonte Lato Regular para o texto.
ATENÇÃO: As versões horizontais são de uso prioritário. As versões verticais só devem ser aplicadas em situações extraordinárias, quando não for possível garantir legibilidade e coesão visual com a versão horizontal.
O uso do símbolo das telas desacompanhado do texto TOTVS é reservado para casos extraordinários, em aplicações muito reduzidas onde a área de impressão é limitada, mediante aprovação do Marketing. Em todos os casos, é importante atentar-se para que o símbolo não seja rotacionado, mantendo as telas na orientação correta, com as arestas laterais perpendiculares ao solo.
A arquitetura de marca de TOTVS foi estruturada com o objetivo de simplificar a forma como nossos produtos são apresentados, facilitando o entendimento de nosso portfólio pelo mercado e, consequentemente, de como a TOTVS pode ser parceira estratégica de diferentes negócios.
Os segmentos de atuação da TOTVS têm logotipos específicos com fonte, tamanho e cor predeterminados. Não crie variações nem tente recriar os logotipos. Solicite sempre o arquivo oficial ao Marketing através do e-mail [email protected].
A TOTVS conhece as peculiaridades de cada segmento e tem soluções específicas para atender às dores de cada empresa.
ATENÇÃO: Não é permitida a criação de nenhum logotipo, seja de produto, segmento ou serviço ou qualquer outro fim, além dos que já estão listados aqui. A lista aqui apresentada é exaustiva e não deve sofrer ajuste, reposicionamento, variação, combinação, nem receber nenhum tipo de complemento. Não tente reproduzir os logotipos, solicite sempre os arquivos originais para o marketing pelo email [email protected].
Retaguarda completa com soluções que automatizam toda a operação administrativa e financeira da sua empresa.
Soluções completas que automatizam os processos de folha, ponto, avaliação de desempenho, acompanhamento de metas e muito mais.
Soluções que automatizam todos os processos de ordem de vendas da empresa e trazem inteligência à gestão do relacionamento com os clientes.
Plataforma de inteligência artificial que apresenta insights e informações capazes de apoiar decisões das mais variadas em alta velocidade.
Plataforma de produtividade e colaboração que permite a automação de processos e tarefas do dia a dia do negócio dando mais fluidez para a rotina.
ATENÇÃO: Não é permitida a criação de nenhum logotipo, seja de produto, segmento ou serviço ou qualquer outro fim, além dos que já estão listados aqui. A lista aqui apresentada é exaustiva e não deve sofrer ajuste, reposicionamento, variação, combinação, nem receber nenhum tipo de complemento. Não tente reproduzir os logotipos, solicite sempre os arquivos originais para o marketing pelo email [email protected].
Tecnologia e inovação para ampliar, simplificar e democratizar o acesso da sua empresa a serviços financeiros.
Para sinalizar as fachadas, letreiros e recepções das unidades TOTVS, deve-se utilizar os parâmetros demonstrados abaixo, tanto para a variação principal monocromática quanto para a versão secundária colorida.
Não usar a palavra "UNIDADE" junto ao nome da cidade neste tipo de aplicação.
Utilizar a fonte Roboto Condensed Bold em CAIXA ALTA.
Respeitar o espaço entre o logotipo e o nome da unidade equivalente à altura da letra “O” da palavra TOTVS.
Priorize sempre o uso da versão horizontal. A versão vertical do logo deve ser usada apenas na impossibilidade da aplicação da versão prioritária.
Para franquias, use sempre o nome da unidade consolidadora, e não o nome do escritório na tarja.
OBS: Unidades que têm o logotipo colorido na fachada podem manter. Mas novas unidades e revitalizações devem utilizar a versão monocromática do logotipo.
Parceiros e Canais Homologados devem usar suas próprias identidades visuais,
Os selos “Parceiro Homologado TOTVS” e “Canal Homologado TOTVS” ajudam a transmitir a excelência das nossas soluções, produtos e serviços, carregando os benefícios da reputação da marca TOTVS.
Para solicitar os selos e seus respectivos guias de uso, entre em contato através dos e-mails abaixo.
Parceiros: [email protected]
Canais: [email protected]
A escolha da versão do logotipo deve considerar o maior contraste e legibilidade possível em relação ao fundo. Confira abaixo a escala definida para fundos sólidos:
As aplicações devem seguir as cores instituicionais presentes neste guia. Já as variações tonais devem ser respeitadas para garantir a legibilidade do logo.
As seguintes combinações não devem ser utilizadas, respeitando as restrições para manter a integridade da identidade visual. Não use o logotipo em laranja ou em alguma outra cor que não esteja na paleta da TOTVS.
As aplicações devem seguir as cores instituicionais presentes neste guia. Já as variações tonais devem ser respeitadas para garantir a legibilidade do logo.
As seguintes combinações não devem ser utilizadas, respeitando as restrições para manter a integridade da identidade visual. Não use o logotipo em laranja ou em alguma outra cor que não esteja na paleta da TOTVS.
Cor de uso prioritário e deve ser predominante na peça, sempre que possível.
Devem ser utilizadas em conjunto com a cor principal e com menor destaque.
Devem ser utilizadas com cautela e sempre em pequenos detalhes na comunicação. Nunca em destaque.
ATENÇÃO: Evite utilizar a cor cinza claro (Pantone 9345C) no logo TOTVS e em caixas de texto. Nestes casos, recomenda-se utilizar o branco puro.
Garantindo a hierarquia da informação, utilizamos toda extensão da fonte Lato. A família tipográfica completa pode ser utilizada na identidade,
Em casos de materiais editáveis ou quando a família Lato não puder ser embedada, deve ser utilizada a fonte Tahoma, dando prioridade para o contraste entre os pesos regular e bold.
Importante: Nunca aplique as duas famílias de fontes na mesma peça.
Para a composição dos grafismos TOTVS, utilizamos linhas diagonais e circulares nas cores da marca (principais, secundárias e complementares). Confira:
Fazem alusão ao universo da tecnologia
de forma minimalista.
Podem ser usados em qualquer cor deste guide.
Os elementos gráficos também podem ser sobrepostos à imagens, interagindo com o cenário. As diagonais podem funcionar como molduras, delimitando o espaço da foto, como demonstrado ao lado. Use as linhas com moderação para que o foco da atenção esteja na imagem não nas linhas. As hastes podem ser utilizadas em qualquer cor da paleta deste manual
Os grafismos devem estar sempre orientados para a DIREITA, na mesma angulação de 67º, da direita para a esquerda, de baixo para cima. Apesar dos tamanhos diferentes, a espessura do contorno deve ser a mesma em todos os grafismos vazados. Não usar contorno nos grafismos com preenchimento.
Não usar transparência nos grafismos vazados, nem nos grafismos coloridos preenchidos.
Nestes, deve-se utilizar apenas a cor com a opacidade em 100%.
É permitido, contudo, que os grafismos PREENCHIDOS de CINZA ESCURO ou BRANCO sejam usados com opacidade de 30%.
Restrinja esse acabamento aos elementos mais largos, e deixe-os por trás dos demais elementos
Não combine mais de 3 cores nos grafismos, sendo uma delas neutra (cinza escuro sobre fundos claros ou branco sobre fundos escuros).
Usar 2 cores apenas também funciona bem. Não use gradiente nos grafismos.
Evite o uso de laranja sobre roxo.
Utilize apenas as cores da paleta da TOTVS nos grafismos.
Nos materiais gráficos, é permitido usar fundos nas cores sólidas já descritas neste manual e também com os gradientes aqui listados.
Os gradientes desta seção não devem ser usados como filtro de fotografia nem com opacidade sobre outro elemento. O filtro de fotografias tem suas peculiaridades e cores específicas e será abordado na seção seguinte.
ATENÇÃO: Não aplique gradientes nas outras cores da paleta, nem crie combinações de gradientes que não estejam listadas aqui.
Para realçar palavras-chave em caixas de texto, temos um recurso de contorno subposto. Siga as regras e ilustrações abaixo para garantir consistência nas aplicações e boa legibilidade:
Na hora de escolher as imagens que irão compor seus layouts, leve sempre em consideração os padrões estéticos e conceituais descritos nesta seção. Assim, você garante uma atmosfera característica para a nossa marca e garante a unidade das comunicações TOTVS em todas as plataformas, além de uma ótima qualidade nas suas criações.
A aplicação de filtros nas imagens institucionais é opcional e recomendada apenas para fotos que servem como plano de fundo, em peças que recebem camadas de texto por cima, como slides ou artes para mídias sociais. Quando a foto estiver em destaque, como em headers ou folhetos, por exemplo, use as cores naturais com controle de brilho para garantir o contraste com elementos sobrepostos.
A aplicação do filtro deve ser feita com o modo de mesclagem color, com 40% de opacidade, utilizando uma das duas opções de gradiente abaixo:
ATENÇÃO: As cores aqui listadas devem ser utlizadas apenas para backgrounds, é proibido uso para ícones, grafismos ou quaisquer elementos graficos não definidos aqui neste manual.
As pessoas são naturais e despojadas, normalmente trajando roupas sociais casuais (camisas sem terno), com estilo atual (barba, cortes de cabelo contemporâneos). Têm aparência multicultural, predominatemente latina. Estão motivadas e empenhadas, mas não precisam estar sempre sorrindo: podem estar pensativas ou concentradas. Normalmente tem idade entre 28 a 35, mas podem ser mais velhas ou mais novas em contextos especificos de comunicação.
São agradáveis, bem iluminados, se possível por bastante luz natural e arejados. Os ambientes corporativos de trabalho combinam bem diferentes materiais, tem mobiliário contemporâneo e aspecto "clean", sem exagero de decoração ou pilhas de papeis nas mesas.
Dispositivos digitais fazem parte da nossa vida, portanto, são preferênciais a pranchetas e blocos de papel. Mas eles são ferramentas, e não o assunto principal das fotos.
Para manter a coerência, as ilustrações devem seguir algumas diretrizes, como representar pessoas com formas orgânicas, em estilo vetorial e com cores chapadas, sem volumes nem contornos. Além disso, as cores devem ser vibrantes e coerentes com a paleta definida neste manual, embora não estejam restritas às cores institucionais.
Para que o padrão visual da marca seja preservado em sua totalidade, não podem ocorrer, em hipótese alguma, alterações em sua estrutura original. Veja abaixo alguns exemplos proibitórios:
As diretrizes de aplicação da identidade visual têm o objetivo de preservar a identificação da marca da nossa empresa e criar unidade nas peças de comunicação criadas. Por isso, sempre utilize as definições especificadas neste guia de marca para garantir peças harmoniosas, eficientes e tecnicamente corretas.
Para criar cartões de visitas para TOTVERS:
Os cartões de visita da TOTVS foram desenvolvidos de forma a privilegiar as informações dos TOTVERS internos e externos para garantir clareza na comunicação ao mesmo tempo em que destacam a identidade visual da marca. Dessa forma, recomenda-se o uso das definições a seguir:
Sempre exibido em CAIXA ALTA.
Caso o TOTVER seja um executivo, recomenda-se o uso da informação do cargo onde se lê “Departamento” acima da unidade onde trabalha.
Unidade onde o TOTVER trabalha.
Sempre use o endereço do e-mail corporativo TOTVS.
Mantenha o padrão de visualização ao lado com o código de país, DDD e telefone, separados por espaços. Exemplo: +55 11 0000 0000
Endereço da unidade onde o TOTVER trabalha.
Mantenha o padrão de assinatura abaixo para todos os totvers em qualquer unidade TOTVS.
Os formatos, espaços, posições, cores e fontes não devem ser alterados de acordo com as áreas, segmentos, cargos ou produtos.
Sempre exibido em CAIXA ALTA.
Caso o TOTVER seja um executivo, recomenda-se o uso da informação do cargo onde se lê “Departamento”, acima da unidade onde trabalha.
Unidade onde o TOTVER trabalha.
Mantenha o padrão de visualazação ao lado com o código de país, DDD e telefone, separados por espaços. Exemplo: +55 11 0000 0000
Sempre use o endereço do email corporativo TOTVS.
Utilize sempre a frase SIMPLIFICANDO O MUNDO DOS NEGÓCIOS em caixa alta. Não adicione outras informações e nem altere o conteúdo ou forma da tag.
Pronto. Agora você já conhece todas as definições de uso da nossa marca.
Baixar Assets