Guia da Marca TOTVS

Visão Geral

Imaginar. Mudar. Simplificar. Para a TOTVS, o mundo é feito de inovação ontem, hoje e sempre. Mas, antes de começar a criar, é fundamental que você conheça todas as diretrizes e definições a respeito da marca TOTVS. Este portal traz as principais regras de uso e aplicações da nossa identidade visual de forma concisa, direta e completa. Por isso, todo e qualquer uso da nossa marca deve seguir estritamente as regras aqui especificadas.

Simplificando o mundo dos negócios

A TOTVS é a maior empresa de desenvolvimento de software de gestão do país, cria soluções inovadoras para transformar o dia a dia das empresas e ajudá-las a superar os desafios de seus negócios. Como uma empresa originalmente brasileira, a TOTVS acredita no “Brasil que Faz” e apoia o crescimento de milhares de negócios e empreendedores, de norte a sul do país, por meio da tecnologia.

#SOMOSTOTVERS

Ser um TOTVER significa ir além do comum. É fazer da tecnologia e conhecimento, o nosso DNA. Valorizar o nosso legado e o de nossos clientes para viver a cultura da inovação sem ter medo de errar. E juntos, pensar em como a tecnologia pode impulsionar o novo. A TOTVS é feita por pessoas e para pessoas. Aqui, somos todos TOTVERS. Conheça os pilares da nossa cultura:

Identidade Visual

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.

Cores

Principal

Cor de uso prioritário e deve ser predominante na peça, sempre que possível.

Pantone®405 C
405 C
CMYK C 72 M 69 Y 71 K 34
RGB R 73 G 68 B 64 HEX #494440
PLOTTER RECORTE Escala Oracal 651 | 080 | Brown
TINTA LÁTEX
Cinza Ágata da Islândia | Dulux 50YR 08/038

Secundárias

Devem ser utilizadas em conjunto com a cor principal e com menor destaque. Evite utilizá-las isoladamente.

Pantone®WARM GRAY 9C
WARM GRAY 9C
CMYK C 48 M 44 Y 47 K 8
RGB R 136 G 128 B 127 HEX #88807F
PLOTTER RECORTE -
TINTA LÁTEX
-
Pantone®7703 C
7703 C
CMYK C 81 M 17 Y 19 K 0
RGB R 15 G 154 B 190 HEX #0697BF
PLOTTER RECORTE Escala Oracal 651 | 053 | Light Blue
TINTA LÁTEX
Enseada | Dulux 50BG 30/384
Pantone®137 C
137 C
CMYK C 0 M 40 Y 90 K 0
RGB R 238 G 156 B 45 HEX #EE9C2D
PLOTTER RECORTE Escala Oracal 651 | 020 | Golden Yellow
TINTA LÁTEX
Explosão de Estrela | Dulux 19YY 51/758

Complementares

Devem ser utilizadas com cautela e sempre em pequenos detalhes na comunicação. Nunca em destaque.

Pantone®2755 C
2755 C
CMYK C 100 M 100 Y 0 K 50
RGB R 39 G 32 B 84 HEX #272054
PLOTTER RECORTE Escala Oracal 651 | 404 | Purple
TINTA LÁTEX
Roxo Windsor | Dulux 15RB 07/237
Pantone®7461 C
7461 C
CMYK C 95 M 40 Y 10 K 0
RGB R 0 G 116 B 156 HEX #00749C
PLOTTER RECORTE Escala Oracal 651 | 067 | Blue
TINTA LÁTEX
Azul Índigo | Dulux 90BG 20/241
Pantone®630 C
630 C
CMYK C 55 M 5 Y 15 K 0
RGB R 4 G 180 B 199 HEX #04B4C7
PLOTTER RECORTE Escala Oracal 651 | 056 | Ice Blue
TINTA LÁTEX
Mares do Sul | Dulux 87GG 51/291

Tipografia

Principal

Sempre que possível, usamos a fonte Lato nos pesos Black e Regular para os materiais de comunicação. Como não é uma fonte padrão de sistema, as aplicações mais comuns são peças publicitárias, sites e imagens que não requeiram edição.

Buscamos manter um bom contraste de tamanho entre título e texto corrido para garantir a hierarquia entre as informações.

Lato
AaBbCcDdEeFfGgHhIiJjKkLlMmOoPpQqRrSsTtuVvWwXxYyZz0123456789
Títulos
LATO BLACK
Textos
Lato Regular
O uso moderado da versão italic também é permitido.
Lato Italic

Secundária

Para arquivos internos de uso cotidiano (e-mais editáveis, materiais em Excel, Word ou Powerpoint), utilizamos a fonte Tahoma, disponível nos sistemas Windows e Mac.

Se não for possível utilizar a fonte Tahoma, substituir pela Arial.

Tahoma
AaBbCcDdEeFfGgHhIiJjKkLlMmOoPpQqRrSsTtuVvWwXxYyZz0123456789
Títulos
Tahoma Bold
Textos
Tahoma Regular
O uso moderado da versão italic também é permitido.
Tahoma Italic
ELEMENTOS GRÁFICOS
Linhas horizontais

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:

Linhas horizontais
Linhas horizontais

Interação com tipografia

Em títulos grandes, podemos promover interações entre os grafismos e a tipografia por meio de cortes ou sobreposições. Essa interação é uma possibilidade visual e não é de uso obrigatório nas criações.

Interação com imagens

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.

Alguns cuidados

Mantenha o ângulo de inclinação original em todos os elementos e, ao redimensionar o grafismo, altere a espessura das linhas proporcionalmente.

Angulação
Certo Angulação
Errado Angulação
Proporção
Certo Proporção
Errado Proporção

Fotografia

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.

Direção de fotografia

Pessoas

As pessoas são naturais e despojadas, normalmente trajando roupas sociais casuais (camisas sem terno), com estilo atual (barba, cortes de cabelo comtemporâ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.

Certo
Fenótipos comuns no Brasil e América Latina.
Diversidade de etnias e ideias. Nossas fotos retratam pessoas brasileiras. São críveis, reais e despertam empatia.
Imagens espontâneas
Nossa comunicação é natural, orgânica. Não temos artificialidade. Mostramos pessoas e ambientes de trabalho como eles devem ser.
Conceitos inteligentes
Despertamos aspiração ao melhor cenário possível. Nossas soluções tornam o dia a dia dos nossos clientes mais inteligente e moderno.
Errado
Não utilizamos modelos e ambientes fora da nossa realidade. Nem restringimos nossas comunicações.
Levamos resultados para nossos clientes, mas não provocamos reações exageradas. Sem distorcer nenhum contexto.
Fugimos do clichê. E não utilizamos imagens sem personalidade na comunicação.

Ambientes

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.

Certo
Boa iluminação e contemporaneidade
Nossas composições são claras, diretas e modernas. Todos os elementos na imagem existem em perfeita harmonia.
Contexto do cliente
Atendemos a diversos segmentos de negócio. E retratamos a realidade do cliente.
Expressão e organização
Nossas soluções controlam e organizam os processos das empresas. E isso se reflete também na rotina das pessoas.
Errado
Evitamos ambientes com pouca luz e assuntos desinteressantes. Nem utilizamos imagens que não inspirem modernidade.
Nossas comunicações são aspiracionais, mas não desafiam a lógica. Nem se desconectam da realidade dos clientes.
Nunca destacamos os problemas dos nossos clientes. Sempre focamos em atitudes positivas.

Dispositivos

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.

Certo
Dispositivos atuais
Focamos sempre no que é novo. E, assim como nossas soluções, os dispositivos mostrados são sempre de última geração.
Protagonismo de pessoas
Acreditamos que a tecnologia potencializa a capacidade humana, mas jamais a substitui. Por isso, o elemento humano deve ser sempre valorizado.
Conteúdo das telas
Nossos sistemas têm propósito e trazem resultados reais e visuais para nossos clientes. Nossa tecnologia está estampada em cada ação do usuário.
Errado
Não utilizamos nenhum device antigo. Nossa tecnologia acompanha os dias atuais.
Jamais abrimos mão do elemento humano. Sabemos que a tecnologia só tem propósito se for feita para seres humanos.
Nossas soluções são potentes, completas e com muito conteúdo. Por isso, jamais utilizamos telas vazias.

Boas práticas

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:

Logo

Submarcas

Logo sobre fotos ou cores sólidas não institucionais

Aplicações

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:

Cartão de visitas

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. Seu uso é exclusivo aos TOTVERS, não incluindo canais homologados ou parceiros.

Os cartões possuem um único layout e não devem ser adaptados conforme as áreas, segmentos, cargos ou produtos.

Especificações: Papel alta alvura 240g. Impressão: 4x0 cores – CMYK – 1 lado
Mantenha sempre o padrão de informações e estilos visuais descritos abaixo.
NOME DO TOTVER (Lato Black, Cinza #494440, 8pt)

Sempre exibido em CAIXA ALTA.

DEPARTAMENTO (Lato Black, Laranja, 6.5pt)

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 TOTVS (Lato Black, Laranja, 6.5pt)

Unidade onde o TOTVER trabalha.

E-MAIL (Lato Regular, Laranja, 6.5pt)

Sempre use o endereço do email corporativo TOTVS.

TELEFONE (Lato Regular, Cinza #494440, 6.5pt)

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 (Lato Regular, Cinza #494440, 6.5pt)

Endereço da unidade onde o TOTVER trabalha.

Assinatura
de e-mail

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.

Fonte: Tahoma 10pt
Mantenha sempre o padrão de informações e estilos visuais descritos abaixo.
NOME DO TOTVER (Tahoma Bold, Cinza #494440, 10pt)

Sempre exibido em CAIXA ALTA.

ÁREA DE ATUAÇÃO (Tahoma Bold, Laranja, 10pt)

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 TOTVS (Tahoma Regular, Cinza #494440, 10pt)

Unidade onde o TOTVER trabalha.

TELEFONE (Tahoma Regular, Cinza #494440, 10pt)

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

E-MAIL (Tahoma Regular, Laranja, 10pt)

Sempre use o endereço do email corporativo TOTVS.

TAG LINE (Tahoma Bold, Cinza #494440, 10pt)

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.

Nenhum elemento pode ser adicionado ao conjunto, exceto quando se tratar de divulgação institucional, aprovada e alinhada com o Marketing Corporativo.
Errado
Não divulgar campanhas sem alinhamento prévio, mesmo que sejam pontuais ou regionais.
Errado
Não inserir selos ou certificações.
Errado
Não alterar a tagline, ou adicionar mensagens sem alinhamento estratégico.
Errado
Errado
Não utilizar o logotipo de áreas, produtos <wbr>ou segmentos.

Faça ideias acontecerem.

Pronto. Agora você já conhece todas as definições de uso da nossa marca e está pronto para criar e simplificar o mundo dos negócios com a TOTVS.

Baixar Assets

Ainda tem dúvidas?

Não se preocupe. Preencha o formulário para falar com a gente: