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:
Lorem ipsum dolor
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.
Variações de cor e orientações
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.
Versão prioritária
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.
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.
O uso de cores no logotipo da marca TOTVS deve ser limitado aos pantones aqui listados. Não use o logo em outras cores.
A versão prioritária do logo é a versão monocromática (em cinza escuro ou branco) na sua variação horizontal.
Versões Horizontais
Versões Verticais
Redução Máxima e Resguardo Visual
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:
X = 14 mm ou 50 px
Y = 9 mm ou 45 px
Z = 3 mm ou 16 px
Relação
Construtiva
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.
ARQUITETURA DA MARCA TOTVS
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. Todo o portfólio de soluções está dividido em dois pilares – TOTVS e Eleve – cada um com foco em um público específico. Consolidando as duas subdivisões, temos o TOTVS Group.
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.
MARCA CORPORATIVA
MARCA GUARDA-CHUVA
Soluções especializadas
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].
Soluções de gestão administrativa
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.
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].
Mais do que ERP
Soluções de crédito e pagamento para simplificar o ciclo financeiro do seu negócio, facilitando o acesso de seus clientes a serviços personalizados e mais competitivos.
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, use sempre os arquivos originais aqui disponíveis para download.
Canais diretos unidades TOTVS
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.
Parceiros e canais homologados
Os selos “TOTVS Parceiro Homologado” e “TOTVS Canal Homologado” incorporam nossos valores e transmitem a excelência das nossas soluções, produtos e serviços.
Para solicitar o Manual de Identidade Visual e os Selos entre em contato:
[email protected]
Relação cromática Logo X Fundos Coloridos
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.
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.
Cores
Principais
Cor de uso prioritário e deve ser predominante na peça, sempre que possível.
Pantone®447C
447C
CMYK C 68 M 59 Y 56 K 64 RGB R 54 G 54 B 54 HEX #363636
Pantone®2925C
2925C
CMYK C 75 M 31 Y 0 K 0 RGB R 8 G 151 B 233 HEX #0897E9
Secundárias
Devem ser utilizadas em conjunto com a cor principal e com menor destaque.
Pantone®2010C
2010C
CMYK C 0 M 38 Y 92 K 0 RGB R 254 G 172 B 14 HEX #FEAC0E
Pantone®9345C
9345C
CMYK C 8 M 5 Y 7 K 0 RGB R 238 G 238 B 238 HEX #EEEEEE
Complementares
Devem ser utilizadas com cautela e sempre em pequenos detalhes na comunicação. Nunca em destaque.
Pantone®3115U
3115U
CMYK C 63 M 0 Y 19 K 0 RGB R 10 G 219 B 227 HEX #0ADBE3
Pantone®2725C
2725C
CMYK C 69 M 69 Y 0 K 0 RGB R 107 G 72 B 255 HEX #6B48FF
Tipografia
Principal
Garantindo a hierarquia da informação, utilizamos toda extensão da fonte Lato. A família tipográfica completa pode ser utilizada na identidade,
Lato
AaBbCcDdEeFfGgHhIiJjKkLlMmOoPpQqRrSsTtuVvWwXxYyZz0123456789
Títulos
LATO BLACK
Textos
Lato Light
O uso moderado da versão italic também é permitido.
Lato Italic
Secundária
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.
Tahoma
AaBbCcDdEeFfGgHhIiJjKkLlMmOoPpQqRrSsTtuVvWwXxYyZz0123456789
Títulos
Tahoma Bold
Textos
Tahoma Regular
O uso moderado da versão italic também é permitido.
Tahoma Italic
Ícones
Fazem alusão ao universo da tecnologia
de forma minimalista.
Podem ser usados em qualquer cor deste guide.
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. As hastes podem ser utilizadas em qualquer cor da paleta deste manual
Alguns cuidados
Os elementos podem ser utilizados em duas versões:
A espessura, opacidade, direcionamento sempre à direita e angulação de 67° devem ser respeitados no redimensionamento e aplicações dos grafismos.
Para fundos claros, a aplicação deve ser limitada a no máximo duas cores por grafismo em uma peça.
Para fundos escuros e fotográficos, a aplicação de uma das duas cores deve ser sempre em branco. (Ex. Branco + azul).
É restrito o uso de laranja sobre roxo e combinações de cores + fundo que estejam nas proibições de controle de cor ou não tenham boa visibilidade.
Fundos coloridos
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.
CMYK C 63 M 0 Y 19 K 0 RGB R 10 G 219 B 227 HEX #0ADBE3
CMYK C 75 M 31 Y 0 K 0 RGB R 8 G 151 B 233 HEX #0897E9
CMYK C 75 M 31 Y 0 K 0 RGB R 8 G 151 B 233 HEX #0897E9
CMYK C 69 M 69 Y 0 K 0 RGB R 107 G 72 B 255 HEX #6b48FF
CMYK C 70 M 74 Y 0 K 0 RGB R 134 G 106 B 255 HEX #866AFF
CMYK C 69 M 69 Y 0 K 0 RGB R 107 G 72 B 255 HEX #6b48FF
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
É possível (e não obrigatória) a aplicação de filtro de cor nas imagens institucionais para materiais gráficos e redes sociais. Deve ser feita com o modo de transparência em divisão ou color com 40% de opacidade utilizando o degradê nas cores abaixo.
CMYK C 70 M 74 Y 0 K 0 RGB R 134 G 106 B 255 HEX #866AFF
CMYK C 69 M 69 Y 0 K 0 RGB R 107 G 72 B 255 HEX #6b48FF
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.
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.
Fenótipos comuns no Brasil e América Latina.
Imagens espontâneas
Conceitos inteligentes
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.
Boa iluminação e contemporaneidade
Contexto do cliente
Expressão e organização
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.
Dispositivos atuais
Protagonismo de pessoas
Conteúdo das telas
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
Logo sobre fotos
Aplicações
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.
Cartão de visitas
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:
Mantenha sempre o padrão de informações e estilos visuais descritos abaixo.
NOME DO TOTVER (Lato Black, Cinza #363636 e 8,5pt)
Sempre exibido em CAIXA ALTA.
DEPARTAMENTO (Lato Bold, Amarelo #FEAC0E, 7,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 Bold, Amarelo #FEAC0E, 7,5pt)
Unidade onde o TOTVER trabalha.
E-MAIL (Lato Regular, Azul #0897E9, 7pt)
Sempre use o endereço do e-mail corporativo TOTVS.
TELEFONE (Lato Regular, Cinza #363636, 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 #363636, 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.
Mantenha sempre o padrão de informações e estilos visuais descritos abaixo.
NOME DO TOTVER (Tahoma Bold, Cinza #363636, 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 #363636, 10pt)
Unidade onde o TOTVER trabalha.
TELEFONE (Tahoma Regular, Cinza #363636, 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 #363636, 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.
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