Conceito Visual
Tempo Físico x Tempo Mental
Fazendo ponte com nossas diretrizes estratégicas, elencamos aspectos chaves que formam os pilares do visual da Tempo: Eficiente (Smart life) | Dinâmica (Potencializando a vida) | Descomplicada (Menos esforço) | Humana ( Mais Vida).
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.

Sempre use os arquivos originais da marca
Área de proteção
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.

Uso restrito
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.


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


Variações
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.


Avatar
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.

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

Usos incorretos
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.









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.
Cores principais
AZUL
HEX #515DFF
RGB 81 93 255
PANTONE 2130 C
CMYK 75 55 0 0
ROSA
HEX #FF71AD
RGB 255 113 173
PANTONE 204 C
CMYK 0 55 0 0
Fundo
OFF-WHITE
HEX #FFFCF8
RGB 255 252 248
PANTONE 9021 C
CMYK 5 7 6 0
Cores secundárias
VERDE
HEX #98FF9F
RGB 151 255 159
PANTONE 2267
CMYK 30 0 50 0
CIANO
HEX #60F5F3
RGB 96 245 243
PANTONE 3105 C
CMYK 45 0 10 0
Texto
PRETO
HEX #000000
RGB 0 0 0
Gradientes
Nossa paleta de cores reflete nossa inspiração humana e tecnológica, sem perder a seriedade e profundidade.
Gradientes principais
AZUL – ROSA
AZUL – VERDE
AZUL – CIANO
Gradientes secundários
AZUL – OFF-WHITE
ROSA – OFF-WHITE
VERDE – OFF-WHITE
CIANO – OFF-WHITE
Complementares
Nossa paleta de cores reflete nossa inspiração humana e tecnológica, sem perder a seriedade e profundidade.
Variações tonais: Uso secundário
AZUL ESCURO
HEX #313899
RGB 49 56 153
PANTONE 3591 C
CMYK 100 80 15 0
ROSA ESCURO
HEX #803956
RGB 128 25 86
PANTONE 506 C
CMYK 80 100 40 0
VERDE ESCURO
HEX #3D6640
RGB 61 102 64
PANTONE 349 C
CMYK 100 30 75 0
CIANO ESCURO
HEX #2D7372
RGB 45 115 114
PANTONE 5473 C
CMYK 100 40 45 0
CINZA ESCURO
HEX #A9A9A9
RGB 169 169 169
PANTONE Cool Gray 6 C
CMYK 0 0 0 50
AZUL CLARO
HEX #E6E8FF
RGB 230 232 255
PANTONE 2706 C
CMYK 10 5 0 0
ROSA CLARO
HEX #FFE6F0
RGB 255 230 240
PANTONE 230 C
CMYK 0 15 0 0
VERDE CLARO
HEX #D6FFD9
RGB 214 255 217
PANTONE 2254 C
CMYK 20 0 20 0
CIANO CLARO
HEX #CFFCFC
RGB 207 25
PANTONE 7457 C
CMYK 10 0 0 0
CINZA CLARO
HEX #F0F0F0
RGB 240 240 240
PANTONE 427 C
CMYK 0 0 0 10
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
Lexend Light
ABC abc
CORPO DE TEXTO PEQUENO
Lexend Regular
ABC abc
DESTAQUES NO TEXTO
Lexend Semibold
ABC abc
Efeito Tipográfico
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.

Construção
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.
Cenas do cotidiano
São caracterizadas por cenas com planos abertos mostrando a experiência por inteiro. Opte por imagens que centralizem as experiências.




Foco na experiência
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.




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





Sistema gráfico
A fluidez do tempo mental inspirando nosso 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.
Grafismos
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.
Construção


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)

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.



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

1. Símbolo como protagonista

2. Super-gráfico

3. Corte circular

4. Cenas completas
Construção
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.

1. Tamanho da peça | 2. Aplique o gradiente desejado ao fundo | 3. Aplique o grafismo | 4. Encaixe o texto no grid, respeitando os espaços de segurança.

1. Recorte o grafismo dentro da peça | 2. Preencha o espaço interno do grafismo com a mesma cor do primeiro anel, criando um efeito de transição suave | 4. Encaixe o texto no grid respeitando os espaços de segurança

1. Faça um semi-círculo dentro da peça | 2. Adicione uma imagem ou um gradiente dentro do semi-círculo | 3. Adicione um ponto de luz com um gradiente, usando cores primárias e secundárias | 4. Encaixe o texto no grid respeitando os espaços de segurança

1. Preencha a peça com uma imagem | 2. Adicione o texto ou nosso logo no grid, respeitando os espaços de segurança.
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.
Grafismos
FUNDO OFF-WHITE > DUOTONE



FUNDO OFF-WHITE > MONOTONE




FUNDO COM GRADIENTE > DUOTONE



FUNDO COM GRADIENTE > MONOTONE




Destaque do texto
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.











