Identidade Visual

Conceito Visual

Nossa identidade visual é construída sobre dois conceitos fundamentais de tempo:

Tempo Físico é aquele que todos conhecemos: cíclico, bidimensional, marcado por horas, minutos e segundos. É o tempo do relógio, das rotinas, do dia a dia.

Tempo Mental é onde a magia acontece: transcende o comum, soma novas perspectivas e adiciona dimensões extras à experiência. É fluido, vivo e traz a leveza do alívio.

A união destes dois conceitos cria nossa identidade única: precisa como o Tempo Físico, livre como o Tempo Mental. Uma experiência que potencializa a vida das pessoas, permitindo que elas façam mais, com menos esforço.

Logo

O logo é a nossa assinatura. É a principal representação gráfica da Tempo. Por isso, nós o usamos com consistência, para que sempre, em todos os pontos de contato, nossa marca seja reconhecida.

Nosso símbolo expressa nossa inspiração a partir de um círculo que representa a correlação do tempo físico transcendendo para o tempo mental.

O logotipo, escrito todo em minúsculo, é pensado para trazer leveza para a leitura, com hastes levemente anguladas criando um diálogo com os ângulos que podemos encontrar nos ponteiros do relógio.

Deve ser mantida uma área de respiro entre o logotipo e outros elementos de uma composição.

Esse espaço é equivalente à metade da altura do símbolo.

Em alguns casos, quando não for possível usar a versão preferida,
a marca pode ser aplicada em sua versão positiva ou negativa.

Essas versões são de uso restrito e devem ser usadas apenas em casos específicos de limitações técnicas, como contrastes contra imagens e impressão em preto e branco.

Ao usar o logotipo em aplicações menores, respeite a dimensão mínima definida abaixo para garantir a legibilidade.

Para garantir a consistência no uso da marca, nosso logotipo deve preferencialmente ser aplicado em cinza, sobre fundos claros.

Para fundos escuros, aplique o logotipo na cor branca.

Versão positiva
Versão negativa

Posicionamento e proporção do símbolo: Para o uso em avatar, rede social, Favicon e app, siga o diagrama abaixo para posicionar e escalonar o símbolo.

Inicie sempre construindo um grid 8x8u e posicionando as linhas referências indicadas. O símbolo deve ter 5u de altura e deve ser centralizado verticalmente e horizontalmente.

A tagline é uma frase curta  que traduz a essência da marca, humanizando, gerando identificação e reforçando seu posicionamento.

Respeite as diretrizes estabelecidas abaixo para garantir uma aplicação consistente da marca.

Para manter a integridade do logo, sempre utilize os arquivos originais da marca.

Não altere o símbolo do logo
Não aplique o logo em contorno
Não modifique as cores do logo
Não distorça o logo
Não mude a tipografia do logo
Não aplique o logo sobre cores sem contraste
Não aplique efeitos ou sombras
Não altere a proporção dos elementos
Não insira o logo em uma caixa

Cores

Nossa paleta de cores reflete nossa inspiração humana e tecnológica, sem perder a seriedade e profundidade.

Para isso, usamos nossas cores de forma equilibrada: poucos tons compõem uma mesma peça. Off-White é nossa cor base, usada majoritariamente em nossa comunicação como cor de fundo, trazendo alívio para as peças.

O azul e o rosa compõem nosso gradiente principal, representando os dois lados da marca.

Tons secundários adicionam contraste e flexibilidade.

AZUL

ROSA

OFF-WHITE

VERDE

CIANO

PRETO

Nossa paleta de cores reflete nossa inspiração humana e tecnológica, sem perder a seriedade e profundidade.

AZUL – ROSA

AZUL – VERDE

AZUL – CIANO

AZUL – OFF-WHITE

ROSA – OFF-WHITE

VERDE – OFF-WHITE

CIANO – OFF-WHITE

Nossa paleta de cores reflete nossa inspiração humana e tecnológica, sem perder a seriedade e profundidade.

AZUL ESCURO

ROSA ESCURO

VERDE ESCURO

CIANO ESCURO

CINZA ESCURO

AZUL CLARO

ROSA CLARO

VERDE CLARO

CIANO CLARO

CINZA CLARO

Tipografia

A tipografia é um elemento distintivo que cria conexão com nossa marca e equilibra os principais aspectos do conceito visual em nossa identidade gráfica, transmitindo clareza e modernidade.

A Lexand foi a fonte escolhida a dedo para traduzir o conceito de Mais Vida e Menos Esforço da marca — projetada para maior legibilidade e com escala expandida para melhorar o potencial de reconhecimento de caracteres.

Em e-mails, apresentações e materiais que precisem de uma fonte de sistema, utilizamos a família Century Gothic.

TÍTULOS, CHAMADAS E CORPO DE TEXTO

CORPO DE TEXTO PEQUENO

DESTAQUES NO TEXTO

O efeito 3D aplicado em nossa tipografia materializa visualmente a transição que fundamenta nossa marca: do plano bidimensional para o tridimensional, trazendo dinamismo e transcendência para nossas expressões tipográficas.

Como aplicar:

Comece com a chamada ou título que quer destacar. Opte por chamadas curtas de 2–3 linhas no máximo.

Para garantir consistência no efeito, use a ferramenta 3D presente no aplicativo Illustrator e siga os parâmetros indicados na imagem:

Esquerda para Direita: use -30° no eixo Y. (MAIS)
Direita para Esquerda: use 30° no eixo Y. (VIDA)

Por fim, adicione o fundo e o grafismo complementar e mantenha uma margem consistente ao redor da peça.

Observação: A direção do efeito (esquerda para direita ou direita para esquerda) pode ser escolhida de acordo com a composição da peça, criando dinamismo e equilíbrio visual no layout.

Iconografia

Inspirada na parte sólida da curva do logo, esta abordagem utiliza formas limpas e bem definidas para transmitir solidez e confiança, mantendo uma conexão direta com a essência visual da marca.

A criação dos ícones é baseada em uma grade de
20×20 unidades.

Os ícones foram projetados para ter uma ampla capacidade de escalabilidade.

Os ícones devem ser sempre priorizados quando aplicados em um fundo branco.

Eles ilustram os principais serviços e soluções fornecidos pela Tempo: Benefício, Agendamento, Pagamento, Viagem, Saúde e Manutenção residencial.

Fotografia

A fotografia é um dos pilares fundamentais da nossa identidade visual. Nosso estilo fotográfico captura momentos autênticos dos nossos clientes, destacando os resultados que eles alcançam ao utilizar nossos serviços.

Nosso conceito se baseia em imagens que transmitem a essência de “Viver o tempo”. Queremos capturar a sensação de fazer o momento parar, permitindo que ele seja apreciado com mais intensidade. Utilizamos técnicas como tilt-shift e desfoque de movimento para criar uma profundidade única, trazendo à tona a beleza e a emoção de cada instante.

São caracterizadas por cenas com planos abertos mostrando a experiência por inteiro. Opte por imagens que centralizem as experiências.

As pessoas são o foco principal. As expressões devem transmitir tranquilidade e alívio, em cenários que valorizem espaços de relaxamento.

As situações indicadas abaixo devem ser evitadas para garantir a consistência da nossa linguagem fotográfica.

Situações problemáticas ou expressões de angústia
Fotos de cenários sem nenhuma pessoa.
Poses forçadas e clichês de representação corporativa.
Luzes artificiais ou tratamentos exagerados.
Situações de estresse (ex: corrida com expressão de angústia)

Sistema gráfico

O sistema gráfico da Tempo pode ser dividido em dois pilares essênciais: Grafismo e Imagens. O uso em conjunto e separadamente desses são o que constroem nossa identidade visual.

Nosso símbolo traduz o conceito base de nossa identidade, o tempo mental que transcende o físico, somando uma nova perspectiva para a vida das pessoas.

Como nosso logo, os grafismos são leves e se tornam uma expressão proprietária da marca, podendo existir tanto em formas animadas como estáticas.

Primeiro fazemos uma cruz, ela servirá de guia.
Depois desenhamos um círculo azul que será a base de nosso símbolo.
Copiamos o mesmo círculo e colamos diretamente abaixo do mesmo com a cor rosa (ele não aparece na visualização porque está abaixo do círculo inicial azul)
Finalmente, usamos a ferramenta de mesclagem do Illustrator (Blend Tool) para criarmos o símbolo completo.

O símbolo é um elemento variável, como as experiências dos nossos clientes. Regramos essa fluidez e variação de acordo com os ponteiros do relógio a partir da cruz guia.

Exemplo de grafismo ocupando o espaço de 1/4 da cruz.
Exemplo de grafismo ocupando o espaço de 2/4 da cruz.
Exemplo de grafismo ocupando o espaço de 3/4 da cruz.

Para instruir o uso dos grafismos foi desenvolvida uma régua de expressividade, como demonstrado abaixo:

Saber como e quando usar nosso sistema gráfico é importante para o impacto das peças dentro de nossa comunicação.

A construção de nossas peças garante que elas estejam alinhadas com o conceito principal de nossa linguagem visual. Abaixo segue uma base de construção para cada aspecto de nossa identidade.

Uso de cores

Ao aplicar as cores na identidade visual, seja sobre imagens ou gradientes, respeite as diretrizes de contraste de cores exemplificadas a seguir, para garantir o melhor contraste e legibilidade.

FUNDO OFF-WHITE > DUOTONE

FUNDO OFF-WHITE > MONOTONE

FUNDO COM GRADIENTE > DUOTONE

FUNDO COM GRADIENTE > MONOTONE

FUNDO OFF-WHITE

FUNDO COM GRADIENTE > DESTAQUE AZUL

FUNDO COM GRADIENTE > DESTAQUE PRETO

Ferramenta Generativa

Foi criada uma ferramenta proprietária para a Tempo, trazendo mais praticidade para a construção dos símbolos.

Ela está em construção e terá a opção de exportar diversos símbolos em PNG ou JPG.

Manifestações

As manifestações são exemplos de como abordar a criação da Tempo em diversos pontos de contato para construir uma marca proprietária.