Elevale Marca

Princípios, ativos e referências.

Fundamentos da marca

Valores da marca

Esses princípios norteiam as decisões sobre produtos, marketing e a forma como nos apresentamos às equipes de liderança. Eles são inegociáveis na comunicação externa.

Alinhamento em vez de atividade

Equipes ocupadas não são o mesmo que equipes alinhadas.

Falamos de direção compartilhada, OKRs interligados e progresso que o conselho possa ver, não de atividades desnecessárias.

Clareza acima do ruído

Os líderes devem enxergar o que importa sem precisar de mais um labirinto de painéis de controle.

Reduzimos a fragmentação: um único centro de comando para direcionamento, métricas e execução. A linguagem permanece clara e específica.

Evidências acima de opiniões

As decisões devem ser baseadas em dados em tempo real, não em exportações desatualizadas.

Damos ênfase a KPIs, registros de alterações e insights de IA fundamentados, provas de que a liderança pode agir, e não a exageros ou palpites.

Feito para liderança

Execução de nível empresarial sem a complexidade de nível empresarial.

Respeitamos diretores e operadores: rigor na diretoria, facilidade de uso no dia a dia e governança sem burocracia.

Fundamentos da marca

Mensagens

O que dizemos, para quem dizemos e como comprovamos isso, de forma consistente em todos os materiais: web, produto, vendas e parceiros.

Elevale é a plataforma de execução estratégica que transforma a direção em OKRs, KPIs em tempo real e alinhamento de equipe, para diretores de negócios que desejam clareza e direção, não caos.

Categoria

Plataforma de execução estratégica, não uma ferramenta genérica de projetos ou mais um painel de BI. Tarefas, OKRs e KPIs em tempo real estão em um único sistema, de modo que a direção, o trabalho diário e as evidências permaneçam integrados, e não dispersos em aplicativos separados.

Público

Diretores de negócios, fundadores e equipes de liderança que administram operações em várias localidades ou em crescimento. Eles definem a estratégia, realizam revisões e precisam que a empresa avance como uma só, e não apenas com mais software por software.

Promessa

Transforme a estratégia em execução, permitindo que sua equipe de liderança visualize e oriente: direção clara, metas mensuráveis, métricas em tempo real e IA que entende seu negócio, não a internet aberta.

Prova

Fundamente as afirmações na realidade do produto: OKRs vinculados a tarefas, KPIs em tempo real, registros de alterações de negócios, Otto baseado em dados do espaço de trabalho e resultados reconhecidos pelos diretores (alinhamento, menos pontos cegos, revisões mais rápidas).

Fluxo de mensagens

Nas seções de heróis e aterrissagens, conte a história em três etapas: comece com um gancho que nomeie a tensão, mostre como Elevale a resolve e, em seguida, convide para o próximo passo. Esta é a ordem narrativa, não uma especificação de tipografia. Os estilos de título, corpo e botão estão em Tipografia e Padrões de UI.

  1. Desafio Um gancho certeiro, não um parágrafo.

    Você concordou com o plano. Pergunte o que está em andamento hoje e a sala fica em silêncio.

  2. Resolução Como Elevale altera a imagem

    Um único centro de comando interliga orientações, OKRs, KPIs em tempo real e tarefas diárias, permitindo que sua equipe de liderança acompanhe o progresso e tome as rédeas da situação sem a necessidade de mais um labirinto de painéis.

  3. Chamada à ação O próximo passo que você quer que eles deem.

    Comece seu teste gratuito de 14 dias

Linguagem de mensagens

  • Uso: centro de comando, execução estratégica, direção, alinhamento, ⟦G0s em tempo real, evidências, equipe de liderança
  • Evite: milagre tudo-em-um, disruptivo, IA revolucionária, melhor da categoria, sinergia
Fundamentos da marca

Tom de voz

Como nos expressamos quando valores e mensagens se encontram no papel: com confiança, objetividade e praticidade. Escrito para diretores que precisam de clareza, não de jargões.

Claro

Explique o que Elevale faz e por que isso é importante em linguagem simples. Frases curtas. Substantivos concretos. Sem adjetivos desnecessários.

Decisivo

Dê preferência à voz ativa e aos resultados que os líderes possam visualizar: avaliações que reflitam a realidade, metas que as equipes possam assumir, métricas que sejam atualizadas em tempo real.

Humano

Reconheça os problemas reais: ferramentas fragmentadas, estratégias em slides que ninguém acompanha, avaliações baseadas nos números do mês passado. Em seguida, mostre um caminho viável para o futuro.

Amostra alinhada à marca

Transforme a estratégia em execução que seu conselho possa ver.

Elevale conecta sua direção, OKRs e KPIs em tempo real em um único centro de comando, para que a liderança gaste menos tempo conciliando planilhas e mais tempo gerenciando os negócios.

Escolha de palavras

  • Uso: clareza, execução, direção, alinhamento, evidência, fundamentação, liderança
  • Evite: sinergia, disruptivo, revolucionário, o melhor da categoria, alavancar (como verbo), utilizar

Por canal

  • Site de marketing: focado no título, orientado a provas e com o mínimo de pontos de exclamação.
  • Interface do produto: rótulos concisos, estados vazios úteis, sem excesso de marketing nos fluxos de trabalho.
  • Vendas e apresentações: a mesma promessa do site: expandir com provas de clientes, nunca contradizer o posicionamento.
Fundamentos da marca

Otto

Otto é uma lontra: o consultor estratégico de IA e personagem da marca Elevale. Ele não é um porta-voz humano. Seu papel é sempre representar uma solução, não um problema, e trazer clareza, energia e alegria com propósito.

Otto, a lontra, consultor estratégico de IA e personagem da marca Elevale.

O que Otto representa

Clareza, energia e alegria, nunca um mascote, nunca um adereço.

Ele é a personificação do nosso Consultor Estratégico de IA: uma lontra que torna conselhos práticos acessíveis. Ele é um parceiro de reflexão alinhado à sua direção estratégica, aos seus OKRs, KPIs, à wiki e ao contexto de mercado. Cada aparição deve mostrar o caminho a seguir: um briefing mais claro, um obstáculo resolvido, o impulso da percepção à ação, e não a bagunça anterior ao Elevale.

Em produto

Otto é o Consultor Estratégico de IA dentro da plataforma: chat por voz e texto, referências diretas a KPIs e OKRs em tempo real, e ajuda a transformar insights em direcionamento, metas e tarefas atualizadas. Ele é o consultor ideal para questões grandes e pequenas: funcional, prático e sempre vinculado a dados do ambiente de trabalho.

Em branding e marketing

No site e nas comunicações, Otto aparece quando pode demonstrar uma solução: apresentando a central de comando, mostrando como a clareza se traduz em resultados concretos ou sinalizando uma IA que compreende o negócio. Não é um mascote na margem da página. Não é um mero acessório ao lado de propaganda vazia. O propósito vem em primeiro lugar.

Em campanhas

Em campanhas, a Otto prioriza clareza estratégica, execução e IA aplicadas a situações reais, sem humor ou personificação do problema. Mostre o surgimento de novas direções, a resolução de problemas ou a obtenção de respostas por parte da liderança, sem a necessidade de mais um painel de controle. Somente imagens aprovadas.

Contate a equipe para aprovação. Qualquer uso do Otto, seja para apresentações internas, anúncios externos, redes sociais ou materiais de parceiros, precisa da aprovação da marca antes da publicação.

Diretrizes

Esse

  • Utilize Otto somente quando ele representar uma solução: clareza, conselhos fundamentados, energia ou impulso para transformar uma ideia em ação.
  • Inclua-o quando a narrativa Elevale precisar de um guia claro para a resposta: visão, provas, IA que conhece o seu negócio, e não piadas isoladas sobre funcionalidades.
  • Que ele traga clareza, energia e alegria. Inteligente, direto e confiante como a voz de Elevale, nunca sarcástico, caótico ou infantil.
  • Utilize as ilustrações aprovadas de Otto presentes no kit da marca. Não redesenhe, repinte ou estique o personagem.
  • Envolva a equipe da marca desde o início das campanhas, produtos ou redes sociais para que o uso permaneça intencional.

Não isso

  • Não veja Otto como o problema: confusão, fracasso, caos ou sofrimento “antes de Elevale”. Ele mostra a solução, não a dor.
  • Não o trate como um mascote. Nada de aparições em imagens de banco de dados, nada de sorrisos ao lado de textos que ele não apoia, nada de imagens de fundo com a marca dele.
  • Não o use como adereço. Nada de segurar cartazes vazios, apontar para ofertas irrelevantes ou preencher espaço porque o layout parece vazio.
  • Não o utilize como elemento de preenchimento, papel de parede ou decoração no estilo emoji sem mensagem.
  • Não o coloque em documentos técnicos, páginas jurídicas ou contextos que contradigam o posicionamento de um cargo de liderança.
  • Não crie novas poses, figurinos ou mensagens sem aprovação, mesmo para slides internos.
  • Não altere sua aparência, proporções ou combinação com logotipos ou marcas de parceiros não aprovados.
Logotipo

O lockup é o logotipo padrão Elevale: marca do logotipo mais marca denominativa em um único arquivo. O slogan é um texto de marketing separado. Usamos ele com frequência no site, mas não faz parte da arte do lockup.

Partes do logotipo

Use esses nomes de forma consistente em briefings, apresentações e no kit da marca. Quando dizemos Elevale logo, nos referimos ao conjunto completo, a menos que solicitemos explicitamente apenas a marca do logotipo.

Partes do logotipo
Elevale lockup: logo mark and wordmark
Logotipo
Os quadrados entrelaçados rosa e roxos à esquerda.
Logotipo
O nome Elevale em Coolvetica Condensed à direita.
Cadeia
Logotipo e marca denominativa juntos. Este é o arquivo de logotipo padrão.

Slogan

A estratégia que nunca morre

Posicionamento típico em um herói

Geralmente aparece acima do título principal. Evite incluí-lo nos arquivos de logotipo exportados, a menos que a marca aprove uma combinação personalizada.

O que significa o logotipo

O logotipo consiste em dois quadrados, deslocados e interligados. Eles são percebidos como módulos separados que optaram por se encontrar: onde havia uma lacuna entre estratégia e execução, entre o que a liderança dizia e o que a empresa podia demonstrar, agora existe uma conexão deliberada. Não uma fusão. Não uma tomada de controle. Uma conexão visível.

A sobreposição é o ponto crucial. Essa aresta compartilhada é onde Elevale reside.

Da desconexão ao esforço conjunto

Planilhas em um canto, OKRs em outro, avaliações baseadas nas exportações do mês passado. O logotipo é o oposto dessa tendência: dois aviões que se alinham para que a empresa pare de se contradizer publicamente.

A costura é o centro de comando

O canto compartilhado não é mero enfeite. É a junção onde o briefing, as métricas e a ação da equipe devem se encontrar. Elevale é o produto dessa interseção: uma superfície única para direcionamento, mensuração e acompanhamento.

Interligados, ainda em movimento

O deslocamento sugere movimento para a frente sem colisão. A estratégia não prejudica as operações; os dados não sufocam as pessoas. Os quadrados avançam juntos, como prioridades que finalmente convergem na mesma direção.

Elevação na junção

Elevale parte desse ponto de partida. Alinhamento não é um cartaz na parede; é o momento em que a organização se destaca do ruído porque intenção e evidência compartilham a mesma essência. O logotipo é pequeno. A ideia, não.

Rosa e roxo na marca do logotipo

O rosa e o roxo têm funções específicas na marca. O rosa representa o calor: direção, impulso e a motivação para decidir. O roxo representa a frieza: evidência, estrutura e provas que podem orientar. Mantenha-os em seus respectivos quadrados; eles só compartilham a borda onde a intenção encontra a prova. As regras HEX, RGB e de interface do usuário estão em Cores principais.

  • Rosa

    Direção e impulso

    #E20F7A --pink

    Um magenta quente com energia clara. Na marca, ele se destaca: o olhar é o primeiro a ser alcançado, da mesma forma que a liderança precisa nomear o que importa em seguida.

    Represents Intenção antes da comprovação: para onde o negócio está indo, o que será priorizado e a energia necessária para agir.

    Na logomarca, o rosa conduz a narrativa. Na interface do produto, ele representa a camada de ação: botões principais, estados de prioridade e momentos que exigem uma decisão clara.

  • Roxo

    Evidências e estrutura

    #5270F5 --purple

    Um azul-violeta calmo e profundo. Situa-se ligeiramente abaixo do calor do rosa e transmite precisão, estrutura e solidez num tom firme e confiável.

    Represents O que a empresa pode demonstrar: fluxos de trabalho em tempo real, trabalho interligado, estrutura e dados de orientação nos quais a liderança pode confiar.

    Na logomarca, o roxo completa o que o rosa inicia. Na interface do usuário do produto, ele veicula métricas, enfatiza a navegação e destaca superfícies onde a clareza é mais importante do que a decoração.

Dimensionamento e espaçamento

Mantenha um espaço livre equivalente à altura do módulo rosa no canto da marca do logotipo (20px no tamanho padrão de impressão) em todos os lados da impressão.

x = altura do módulo rosa no canto da marca do logotipo (20px no tamanho padrão do bloco). Mantenha pelo menos um espaço de x em todos os quatro lados do bloco.

Espaço livre mínimo
Logotipo

Baixe os arquivos aprovados com as versões completas e os arquivos contendo apenas o logotipo. Use a versão completa para fins de marketing; utilize o logotipo sozinho somente quando o espaço for limitado e a marca já for reconhecida.

Cadeias

Apenas a marca do logotipo

Para favicons, ícones de aplicativos, avatares e interfaces de usuário compactas. Os arquivos de ícones de aplicativos incluem o fundo colorido; não recorte nem altere as cores.

Logotipo em fundo roxo (bloco do aplicativo)

Download
Logotipo

Uso

Use a versão colorida em fundos claros e a versão escura em fundos totalmente escuros. Em fotografias ou superfícies com muitos detalhes, adicione uma sobreposição sólida ou mude para a versão invertida para que a marca permaneça legível.

Fundos aprovados

Luz
Escuro

Coisas a evitar

Não estique nem distorça.

Não adicione contornos.

Não gire o bloqueio.

Não coloque em fundos muito carregados e sem contraste.

Mantenha o espaço livre

Cor

Cores principais

Rosa e roxo funcionam em conjunto, não como substitutos. O rosa direciona o olhar para a ação; o roxo esconde a verdade operacional subjacente. Tons neutros são essenciais na interface do usuário do produto e em textos longos.

Como eles trabalham juntos

Use rosa quando quiser transmitir impulso ou uma ação principal. Use roxo quando estiver mostrando estrutura, métricas ou confiança por meio de dados. O gradiente de rosa para roxo é exclusivo para heróis e bandas premium. Veja Gradientes.

Rosa da marca

Rosa da marca. Direção, chamadas para ação (CTAs) e o quadrado principal no logotipo. Não altere a tonalidade ou a saturação.

#E20F7A rgb(226 15 122) --pink

Marca roxa

Roxo característico da marca. Evidências, estrutura da interface do usuário do produto e o quadrado na extremidade do logotipo. Não altere a tonalidade ou a saturação.

#5270F5 rgb(82 112 245) --purple

Luz rosa

#FCE4F1 rgb(252 228 241) --pink-light

Luz roxa

#EEF0FE rgb(238 240 254) --purple-light

Escuro

#111318 rgb(17 19 24) --dark

Preto

#0A0A0A rgb(10 10 10) --black

Branco

#FFFFFF rgb(255 255 255) --white

Off white

#F9FAFB rgb(249 250 251) --off-white

Cor

Gradientes

Os gradientes misturam rosa e roxo: a mesma história da marca do logotipo, em continuidade. Use-os com moderação em elementos principais, chamadas para ação (CTAs) e faixas de marketing premium, nunca atrás do corpo do texto.

Gradiente de marca escura

#0D1117 · rgb(13 17 23) #111827 · rgb(17 24 39) #1A1040 · rgb(26 16 64)

Do rosa ao roxo

#E20F7A · rgb(226 15 122) #5270F5 · rgb(82 112 245)
Tipografia

Tela: Coolvetica Condensada

Baixe o Coolvetica

Títulos, subtítulos e rótulos de seção. Use letras maiúsculas apenas no início das frases para fins de marketing; evite usar todas as letras maiúsculas, exceto em rótulos curtos.

Execução estratégica, ficou claro

Tipografia

Corpo: Satoshi

Baixar Satoshi

Corpo do texto, rótulos da interface do usuário e texto de apoio. As espessuras 400, 500 e 700 foram aprovadas.

Uma plataforma única para direcionamento, KPIs, OKRs e alinhamento de equipe.

Imagens

Fotografia

A fotografia complementa a interface do usuário do produto, diagramas e elementos gráficos de marketing. Usamos fotografia em destaques de campanhas, protótipos de interface, momentos do ambiente de trabalho e da equipe, e pequenos avatares dentro das telas do aplicativo (linhas do tempo, organogramas, fichas de responsáveis). Cada imagem deve apoiar a estratégia e a execução com um texto claro, cores da marca e contexto.

Onde a fotografia aparece

A fotografia de produção abrange frames de campanha, mockups de interface do usuário, fotos do ambiente de trabalho, retratos de equipe e avatares de interface do usuário. Cada tipo possui suas próprias regras de dimensionamento e fornecimento, descritas nos cartões abaixo, além de uma breve lista do que não deve ser enviado.

Criação de campanha e lançamento

Combine uma pessoa ou um personagem de marca aprovado com uma cena composta: faixa degradê ou colorida, título e interface do produto em primeiro plano. A sensação de aconchego e credibilidade vem do lado humano; a prova vem da interface. Recortes podem se estender acima da faixa, desde que a legibilidade permaneça alta.

Mockups de interface do usuário e cenas de produto

Crie gráficos de interface de usuário estilizados e cenas compostas, não fotos de hardware específico (sem molduras de iPhone, MacBook ou outros dispositivos de marca). Use formatos de tela neutros, cartões em camadas ou molduras abstratas para que os visuais não fiquem datados quando os produtos forem atualizados. Combine fotografias com a interface do usuário quando isso contribuir para a narrativa; mantenha o texto e os cartões legíveis. Utilize imagens de alta resolução; não distorça recortes de baixa resolução.

Fotografia de ambiente de trabalho e escritório

Mostre escritórios, oficinas e momentos de trabalho reais nas páginas "Sobre nós", seções culturais, carreiras e blocos editoriais. Dê preferência à luz natural, espaços autênticos e equipes diversas em vez de escritórios genéricos. Adicione uma sobreposição sólida ou gradiente quando houver texto sobre a imagem.

Retratos de equipe e liderança

Use retratos acessíveis e grupos pequenos para liderança, prova social e conteúdo de parceiros. Mantenha o vestuário neutro ou alinhado à marca. Componha a imagem com elementos da interface do produto ou títulos quando ela estiver relacionada a uma campanha, e não como um retrato genérico.

Avatares na interface do usuário do produto

Retratos recortados no tamanho de avatar (aproximadamente 24–40 px) em linhas do tempo, organogramas, fichas de responsáveis e linhas de prova social. Use recortes de avatar aprovados do kit da marca somente neste tamanho. Nunca aumente a resolução dos arquivos de avatar para heróis ou bandas de campanha.

Não use

Grades aleatórias de fotos de perfil, apertos de mão genéricas, fotos de destaque em página inteira sem contexto de produto ou mensagem, ou mockups restritos a dispositivos de consumo reconhecíveis. A fotografia deve explicar a plataforma, mostrar trabalhos reais ou reforçar a manchete. Se não fizer nenhuma dessas coisas, opte por elementos gráficos ou de interface do usuário.

Composição em estilo de campanha

Os layouts de lançamento e campanha combinam uma pessoa real ou um personagem da marca com um cartão de interface do usuário do produto em um fundo marcante da marca. O título apresenta a promessa, o cartão de interface do usuário apresenta a prova e a fotografia pode ultrapassar a borda superior, desde que os pés permaneçam ancorados na parte inferior da faixa.

Exemplo de composição. Utilize fotografias licenciadas de alta resolução ou recortes da marca aprovados, no tamanho total da campanha.

Biblioteca de avatares (tamanho de exibição da interface do usuário)

Imagens aprovadas apenas para maquetes e interface do usuário do produto. Exiba no tamanho abaixo. Para campanhas, ambientes de trabalho ou bandas de equipe, utilize fotografias separadas em resolução total.

Diretor
Diretor
Líder de operações
Líder de operações
Líder de Finanças
Líder de Finanças
Liderança estratégica
Liderança estratégica

Qualidade e entrega dos arquivos

As fotografias de campanha, mock-up, ambiente de trabalho e equipe devem ter pelo menos 1200px na borda mais longa antes da exportação. Entregue em formato WebP ou AVIF para a web. Os arquivos do kit de avatares permanecem em seu tamanho original reduzido. Solicite revisão da marca ao combinar fotografias com logotipos de parceiros ou em ações de co-branding.

Imagens

Gráficos de marketing

Em todo o site, páginas de recursos e campanhas, usamos cartões no estilo de interface do usuário, sobreposições suaves e cores da marca discretas. O objetivo é profundidade e clareza, não decoração pela decoração.

Controle o ruído

Um único elemento visual principal por herói ou seção é suficiente. Deixe que o texto, o espaçamento e um único grupo de cards empilhados conduzam a narrativa. Se tudo gritar aos quatro ventos, nada terá impacto.

Cor com estrutura

Tons neutros (branco, quase branco, texto escuro) compõem o layout. Rosa e roxo aparecem como detalhes: bordas superiores em cards, linhas de gráficos, emblemas e faixas degradê em seções escuras. Evite preencher grandes áreas com gradientes da marca em segundo plano, atrás de elementos de interface densos.

Profundidade através de camadas

Use duas ou até três cartas sobrepostas com posicionamento deslocado, rotação leve e sombra suave. Duas cartas são suficientes quando a história é simples; adicione uma terceira apenas quando ela acrescentar contexto. A carta da frente transmite a mensagem; as cartas de trás sugerem detalhes complementares.

Sobreposições e painéis

Coloque os elementos gráficos dentro dos painéis de amostras ou sobre fundos neutros. Em fotografias ou faixas escuras, adicione uma sobreposição sólida ou com gradiente para que o texto e os cartões permaneçam legíveis. Os cartões devem ficar acima do fundo, sem competir com ele.

Recomendado

Exemplo com até três cartões: cada camada tem um título e uma dica de interface do usuário. O cartão da frente contém o título; os cartões de trás permanecem mais leves, mas ainda legíveis. Use dois quando for suficiente.

Evitar

Grades planas com gradientes intensos, formas conflitantes e blocos de peso igual. A impressão é de desordem visual e enfraquece a narrativa do produto.

Usage rules

  • Use duas ou três cartas em uma pilha de herói, nunca mais do que três. Pare em duas se uma terceira camada não adicionar contexto.
  • Mantenha o interior dos cartões predominantemente neutro. Use rosa ou roxo para um único detalhe em cada cartão (barra na borda, ponto, linha brilhante ou emblema).
  • Reserve gradientes completos de rosa a roxo para elementos principais, chamadas à ação (CTAs) e faixas escuras. Consulte Gradientes e Cores principais.
  • Use padrões de interface de usuário reais do produto para gráficos de recursos e da página inicial sempre que possível. Veja Interface de usuário do produto.
  • Anime a entrada com movimentos curtos e escalonados (desvanecimento e leve elevação), não com movimento constante. Veja Movimento.
  • Quando Otto ou fotografias aparecerem ao lado das cartas, dê espaço para o gráfico respirar. Não sobrecarregue a pilha de cartas.
Imagens

Interface do usuário do produto

Baixe o kit da marca

Comece analisando telas reais do aplicativo Elevale e padrões de interface do usuário em capturas de tela e gráficos de marketing. Você pode simplificar, recortar ou remover controles secundários quando isso tornar o valor mais claro. Mantenha tons neutros e tranquilos, use Satoshi para o texto da interface e rosa ou roxo apenas onde o produto realmente destaca estados, gráficos e ações.

Real UI, simplificada para a narrativa.

Construa a partir de layouts, tipografia e componentes autênticos do Elevale. Para fins de marketing, é aceitável minimizar a interface: remova painéis laterais, reduza a navegação ou oculte recursos que não contribuam para a mensagem. O objetivo é explicar o que importa, não exibir todos os controles na tela. Não copie e cole a interface do usuário em janelas aleatórias do navegador nem altere as cores de um modelo de painel genérico para que ele se adeque à identidade visual da marca.

Colorir onde o produto é utilizado.

Os fundos devem permanecer brancos ou quase brancos. Tons de rosa e roxo aparecem nos itens de navegação ativos, no progresso, nas séries de gráficos, nos indicadores e nos botões principais dentro do aplicativo. Não inclua gradientes na captura de tela que não existam na interface do usuário real.

Concentre-se em uma única tarefa a ser realizada.

Refine o fluxo de trabalho que você está explicando: direção, OKRs, KPIs ou painéis. Remova espaços vazios, módulos não relacionados e elementos desnecessários da interface para que o observador veja um resultado claro, e não o produto inteiro de uma só vez.

Combine com o meio

Capturas de tela completas, em estilo documental, são ideais para estudos de caso, documentos e apresentações de vendas. Para imagens de destaque em sites, prefira recortes simplificados ou os gráficos em camadas em Gráficos de marketing quando precisar de detalhes sem mostrar o aplicativo inteiro.

Capturar e exportar

  • Capture imagens do ambiente de teste ou produção com textos e rótulos reais. Simplifique ou recorte a interface do usuário quando isso esclarecer o valor; não adicione módulos fictícios. Borre ou anonimize os nomes dos clientes, se necessário.
  • Não estique, dobre ou arredonde os cantos de forma diferente do produto.
  • Mantenha os detalhes em rosa e roxo nas mesmas funções do aplicativo (navegação, gráficos, CTAs). Veja Cores principais.
  • Para heróis do marketing sem uma captura de tela completa, use cartões de interface do usuário empilhados por Gráficos de marketing.
  • Exporte em resolução 2× para slides e web nítidos; prefira PNG ou WebP com cores sRGB.
  • As capturas aprovadas mais recentes estão disponíveis no kit da marca no Google Drive. Solicite acesso antes de publicar externamente, caso tenha dúvidas.
padrões de interface do usuário

padrões de interface do usuário

A interface do usuário do produto e do marketing compartilha raios de curvatura, sombras e tratamentos de botões do sistema de design.

Use uma ação principal por visualização. Em superfícies de marketing claras, combine-a com um texto secundário ou um ícone de pílula com contorno. Reserve botões transparentes apenas para fundos escuros.

Angiotomografia computadorizada primária
Par de heróis (primário + texto secundário)
Superfícies secundárias delineadas (superfícies claras)
Fantasma (apenas em superfícies escuras)
Raio médio (12px)
Sombra do cartão
Iconografia

Iconografia

Elevale usa ícones de contorno Lucide em páginas de marketing, seções de recursos e protótipos de interface do usuário. Uma família de ícones, uma espessura de traço e uma escala de tamanho pequena mantêm a navegação e os cartões fáceis de visualizar.

Princípios

Somente Lúcido

Use ícones do conjunto Lucide (através do nosso registro no site). Não misture ícones Feather, Font Awesome, emojis ou ilustrações personalizadas na mesma superfície.

Peso do contorno

Ícones de linha com espessura de 1,5 a 2 px em uma tela de 24 px. Não use traços finos (<1,5 px) ou grossos (>2 px) e nunca misture glifos preenchidos com Lucide de contorno em um mesmo painel.

Cor monocromática

Em interfaces de usuário claras, use rosa ou roxo, ou um cinza médio neutro para elementos secundários. Em degradês e faixas escuras, os ícones voltam a ser brancos.

Significado primeiro

Escolha ícones que reforcem o rótulo (alvo para metas, gráfico para KPIs, usuários para equipes). Se o ícone não esclarecer a linha, remova-o em vez de decorá-la.

Escala de tamanho

Mantenha-se dentro dos tamanhos 16, 20 e 24px. Cartões de marketing podem usar 28px para dar ênfase; não invente tamanhos únicos.

16px Metadados embutidos, tabelas densas, fichas
20px Botões secundários, navegação compacta, linhas de lista
24px Interface padrão, cartões de recursos, ícones de navegação principais

Cor nas superfícies

Interface de usuário leve Rosa ou roxo em cartões brancos/bege
Gradiente da marca Ícone branco em faixas rosa-púrpura
Secundário Cinza médio para linhas de apoio, não para chamadas à ação principais.

Onde os ícones aparecem

  • Navegação Combine cada ícone de navegação principal com um rótulo de texto visível. Todos os itens do grupo devem ter o mesmo tamanho e cor.
  • Cartões de marketing Um ícone por cabeçalho de cartão (pontos problemáticos, benefícios, pilares). O detalhe rosa em cartões brancos é o padrão em elevale.com.
  • Produto e protótipos Na versão de demonstração de funcionalidades, a barra lateral, as abas e as linhas de status usam ícones de 20 a 24 pixels com rótulos ou texto adjacente. Os ícones de status podem usar verde para indicar sucesso, nunca as cores do arco-íris.
  • Uso decorativo Evite usar ícones como papel de parede. Se um ícone for puramente ornamental e não for referenciado no texto, remova-o.

Biblioteca de ícones

Todos os nomes Lucide registrados no site de marketing. Pesquise e copie o nome para facilitar a entrega do design ou utilize trechos de código prontos para blocos Astro e Webflow.

67 ícones no registro

Pré-visualização de cores (todos os ícones)
activity
arrow-right
audit
award
badge-check
bar-chart-3
book-open
bot
brief
briefcase
building-2
calendar
calendar-check
check
check-circle
check-square
circle-check
clock
compass
credit-card
dashboard
eye
file-check
file-text
globe
graduation-cap
handshake
headphones
heart
heart-handshake
history
key-round
kpi
layers
layout-dashboard
layout-grid
link
link-2
list-todo
lock
map
map-pin
message-square
network
palette
percent
privacy
progress
roles
route
scroll-text
settings
share-2
shield
shield-check
sliders-horizontal
sparkles
target
tasks
team
trending-down
trending-up
user-plus
users
wallet
x
zap

Consistente

Texto em destaque, em uma cor, dimensionado para a escala, com etiqueta para indicar a navegação.

Evitar

Famílias mistas, glifos preenchidos, cores do arco-íris ou ícones sem rótulo de suporte na navegação principal.

Fazer

  • Mantenha um único estilo de contorno por superfície (somente ícones de linha Lucide).
  • Combine ícones com texto na navegação, nos botões principais e nos cartões de recursos.
  • Use rosa, roxo, branco em degradê ou cinza neutro, cores que representem a marca, e não tons aleatórios.
  • Use 16, 20 ou 24px (28px apenas para dar grande ênfase à divulgação).
  • Registre os novos ícones Astro no registro Lucide antes de usá-los; os blocos Webflow da página inicial usam nomes correspondentes data-lucide.

Não

  • Não misture conjuntos de ícones preenchidos, emblemas sólidos ou emojis com contornos do Lucide.
  • Não atribua uma cor diferente para cada ícone na mesma linha ou grade de cartões.
  • Não utilize ícones isoladamente na navegação principal ou em chamadas à ação críticas sem um rótulo.
  • Não repita o mesmo ícone três vezes em uma mesma área de visualização para fins decorativos.
  • Não redesenhe os caminhos do Lucide, não adicione sombras projetadas nem distorça os ícones para simular 3D.

Regras de utilização

  • Mantenha os ícones monocromáticos em interfaces de usuário claras; use branco em gradientes da marca e fundos escuros do aplicativo.
  • Combine ícones com rótulos para a navegação principal e as principais chamadas à ação (CTAs).
  • Não misture conjuntos preenchidos e contornados na mesma superfície.
  • Alinhar o tamanho do ícone ao texto: 16px para legendas, 20–24px para corpo do texto e títulos.
  • Use aria-hidden="true" em ícones decorativos; o texto adjacente carrega o significado.
  • Cartões de marketing de dor e benefício: um ícone no cabeçalho, rosa sobre branco, veja o espaçamento Gráficos de marketing.
  • Os padrões de interface do usuário para botões e cartões estão em padrões de interface do usuário; os ícones seguem os mesmos raios e densidade.
  • Solicite uma análise da marca antes de campanhas com parceiros que utilizem ícones ou pictogramas personalizados fora do ambiente Lucide.
Movimento

Movimento

Elevale utiliza movimento em todo o site de marketing e produto: movimento suave na imagem principal, revelações ao rolar a página, efeitos de foco, cards escalonados e GIFs que adicionam um toque de leveza e humor. O movimento deve guiar a atenção e reforçar a clareza, nunca competir com a mensagem.

Princípios

Intencional

Toda animação responde a uma pergunta: o que mudou, o que importa agora ou o que deu certo. Se o movimento não ajuda alguém a observar, entender ou celebrar, remova-o.

Contido

Um movimento focal por viewport. Evite loops caóticos, paralaxe gratuita ou múltiplos elementos saltando simultaneamente. Gráficos de marketing já utilizam profundidade; o movimento não deve sobrecarregar a estrutura.

Cronometragem consistente

Use suavização de saída para entradas e suavização de entrada para alternâncias. A maioria das transições de interface do usuário dura entre 200 ms e 400 ms; elementos de destaque podem durar mais, mas permanecem sutis.

Respeito à redução do movimento

Envolva laços decorativos e desvie em prefers-reduced-motion: no-preference. Alterações de estado principais (menus abertos, foco) ainda podem ter animações leves ou instantâneas quando os usuários solicitarem movimento reduzido.

Onde o movimento aparece

Esses padrões aparecem em todo o elevale.com e nas páginas de recursos. Utilize-os ao expandir o site ou os materiais de parceiros.

  • Herói e presença Efeito de movimento suave de orbes no fundo, brilho gradiente e destaque do título na página inicial e nas páginas de destino principais. Animações lentas e de baixa amplitude que transmitem uma sensação de dinamismo sem desviar a atenção da chamada para ação (CTA).
  • Navegação e interface do aplicativo Transições de fundo da navegação, cor dos links e menu lateral em dispositivos móveis (aproximadamente 200–300 ms). Os menus suspensos desaparecem gradualmente e deslizam; os botões se elevam ligeiramente ao passar o cursor sobre eles, com uma transformação curta.
  • Cartas e pilhas Efeito de transição gradual em cartões de marketing e grades de recursos. Pequenos intervalos entre elementos semelhantes (aproximadamente 40 a 80 ms) para que o conteúdo seja lido de cima para baixo, e não todo de uma vez.
  • Deslize e revele As seções são exibidas conforme entram na área visível: opacidade e translação em Y, não deslizamentos horizontais. Vincule as revelações à ordem de leitura; não as acione novamente a cada pequeno movimento de rolagem.
  • Produto e protótipos As maquetes da interface do usuário da página de recursos usam mudanças sutis de estado, alternância de abas e reações divertidas em GIF em conversas ou tópicos de tarefas. Quando Otto está no modo de voz, o <a href="#motion-voice-orb">orbe de voz com IA</a> sinaliza que está ouvindo e pensando. Consulte essa seção para obter informações sobre a finalidade e a animação.

Referência temporal

Micro 150–200 ms Ao passar o cursor, anéis de foco, pequenos ajustes nos ícones
Padrão 200–400 ms Botões, painéis, navegação, efeito hover no cartão
Ênfase 400–600 ms Verbos modais, grandes revelações (usar com moderação)
Ambiente Contínuo Brilho e respiração da esfera de voz da IA (controlados por áudio no aplicativo)

orbe de voz IA

Uma esfera suave e brilhante aparece no aplicativo Elevale ao conversar com Otto por voz. Ela indica que a sessão está ativa e reage ao som, enquanto o texto da transcrição e a resposta de Otto contêm a mensagem propriamente dita.

Visão geral

No produto, o globo é desenhado ao vivo na tela (não é um arquivo de vídeo nem uma imagem estática). É o principal elemento visual do modo de voz: calmo quando ocioso, mais ativo quando alguém fala e mais acolhedor enquanto Otto está falando. Não é um logotipo, um gráfico ou um analisador de espectro com barras.

Onde aparece

O mesmo componente de esfera é usado em dois layouts, controlados pela mesma sessão de voz:

  • Voz em tela cheia

    Grande esfera (aproximadamente 320px) centralizada na tela de voz. Tocar na esfera pode interromper Otto enquanto ele estiver falando.

  • widget flutuante

    Pequeno ícone esférico (aproximadamente 92px) no chip de voz minimizado. Ao tocar, retorna à tela de bate-papo; os controles de silenciar e encerrar ficam acima do ícone.

A que responde

O movimento segue o áudio real da sessão, não uma animação aleatória:

  • Sua voz A esfera brilha e se move junto com o microfone enquanto você fala (a menos que esteja silenciado).
  • Otto falando Quando Otto reproduz uma resposta de voz, a esfera reage também a esse áudio, com uma leve pulsação extra para que fique claro que o assistente está falando.
  • Momentos de tranquilidade Durante uma sessão ativa, o orbe continua a vibrar suavemente, dando a sensação de que a interface está viva, mesmo em silêncio. Ele não desaparece entre as palavras.
  • Microfone silenciado A entrada do microfone é ignorada. A paleta de cores muda para tons de ardósia mais frios, as ondulações e partículas param e um ícone de som silenciado aparece na esfera.
  • Sessão encerrada O modo de voz fecha ou retorna ao chat. O ícone para de reagir e não deve continuar pulsando como se uma chamada ainda estivesse aberta.

Estrutura geral

Imagine a esfera como uma luz suave em camadas, não como uma bola rígida em 3D ou uma exibição de forma de onda:

  • brilho externo Uma ampla auréola em tons pastel ao redor da esfera. Rosa e lavanda quando ativa; cinza-ardósia suave quando o microfone está desligado.
  • Anéis ondulados Alguns anéis suaves que se expandem para fora. Eles sugerem energia, não frequências individuais.
  • Esfera principal Um centro difuso, sem íris ou pupila nítidas. O tamanho respira ligeiramente com graves e energia geral.
  • Nuvens internas Lóbulos suaves de cor que flutuam dentro da esfera à medida que os tons médios e baixos sobem e descem.
  • Partículas Inúmeras partículas minúsculas orbitam o centro, mais rapidamente quando a conversa é animada. Elas são decorativas, não pontos de dados.

As páginas de recursos em elevale.com usam uma versão simplificada em CSS desse visual para protótipos estáticos. O ícone do aplicativo em tempo real é mais rico e vinculado ao microfone real e ao áudio de reprodução.

Espécime de referência da marca

Cor

Tons pastel de rosa e lavanda se misturam, partindo das cores primárias da marca em direção ao branco. Sem nuances de arco-íris, preenchimentos planos ou bordas nítidas. O tom mais suave utiliza apenas neutros acinzentados.

UX e acessibilidade

  • Sempre combine com texto A transcrição ao vivo, as etiquetas da sessão e a resposta escrita de Otto ficam ao lado do orbe. Nunca confie apenas na animação.
  • Leitores de tela O desenho fica oculto para dispositivos de tecnologia assistiva. As telas dos pais anunciam o status (por exemplo, assistente falando, microfone silenciado).
  • Movimento reduzido Quando os usuários preferem menos movimento, o movimento diminui e se torna mais suave. A esfera pode permanecer com um brilho estático e calmo, em vez de se movimentar.

Regras

  • Use somente no chat de voz do Otto (em tela cheia ou flutuante). Não use em anúncios promocionais, carregadores genéricos ou mensagens de erro.
  • Não transforme a esfera em um gráfico de barras, logotipo ou adesivo de mascote. Não coloque números ou rótulos dentro da esfera.
  • Mantenha os tamanhos de tela cheia e flutuante consistentes (aproximadamente 320px e 92px). Não crie novos tamanhos de orbe sem revisão do design do produto.
  • O estado mudo deve ser óbvio: cor mais fria, sem partículas, indicador de microfone desligado, com texto informando que o microfone está mudo.
  • As simulações de marketing podem simplificar o funcionamento do aplicativo; não prometa efeitos extras nos anúncios que o aplicativo não oferece.

O caráter e o tom de Otto vivem em Otto.

amostra de movimento da interface do usuário

Passe o cursor sobre o cartão e o botão para ver o efeito de suavização e a duração típicos.

uso de GIFs

Os GIFs são a forma como a Elevale se sente como pessoas reais, não como um folheto corporativo: celebrações em produtos, reações em chats e até mesmo uma animação divertida em campanhas de marketing. Use-os quando o momento pedir um toque de calor humano ou um sorriso, mantendo a gentileza e a identidade da marca, mas nunca de forma rígida apenas para parecer "séria".

Bons momentos para GIFs

  • Comemorando conquistas: progresso OKR, conclusão de tarefas, marcos da equipe ou heróis que merecem um cumprimento de mão.
  • Reações na interface do usuário do produto: bate-papo, comentários ou tópicos com consultores, onde um pequeno loop adiciona humor ou incentivo.
  • Seções de marketing que mostram resultados reais (clareza, impulso, alívio), com personalidade na história, e não apenas mais um sorriso genérico.

Os GIFs de comemoração e reação aprovados são enviados junto com os materiais do site e o kit de marca. Solicite adições através da equipe de marca. Estamos abertos a loops divertidos que ainda tenham a identidade inconfundível do Elevale.

Em sintonia com a marca

GIF aprovado pela biblioteca, tom divertido ou festivo, reforça a mensagem, tamanho de arquivo razoável.

Não é permitido

Cultura de memes controversa, política, ofensiva ou sem relação com o assunto. Sem conteúdo chocante, violento ou provocativo.

Fazer

  • Escolha GIFs que transmitam uma sensação de otimismo, um toque de humor e humanidade, como colegas de equipe comemorando, e não uma apresentação de slides de uma sala de reuniões. O humor é bem-vindo quando o momento se encaixa; evite a energia insossa, rígida ou forçada de um "profissional corporativo".
  • Use GIFs em momentos positivos (comemoração, incentivo, conclusão), e não como conteúdo aleatório para preencher espaço.
  • Utilize arquivos do kit da marca ou da biblioteca aprovada do site. Não utilize links diretos para URLs desconhecidas.
  • Trate GIFs decorativos como imagens: use um texto alternativo vazio quando forem puramente decorativos; descreva o momento em que tiverem significado.
  • Dê preferência a loops otimizados, carregue o conteúdo abaixo da dobra de forma assíncrona e evite exibir vários GIFs grandes em uma mesma área de visualização.

Não

  • Não é permitido conteúdo polêmico, divisivo ou viral, mesmo que esteja em alta.
  • Não serão tolerados insultos, estereótipos, violência, conteúdo sangrento, conteúdo sexual ou humilhação às custas de ninguém.
  • Proibido fazer campanha política, usar imagens de protesto ou transmitir mensagens partidárias.
  • Sem luzes piscantes, estroboscópicas ou ciclos rápidos que prejudiquem a legibilidade ou a sensibilidade do gatilho.
  • Não serão permitidos GIFs novos em campanhas pagas, materiais de parceiros ou e-mails sem a aprovação da marca.
Parceiros

Como afiliado ou parceiro de indicação, você apresenta a Elevale ao seu público usando nosso nome e identidade visual oficiais. Mantenha a Elevale reconhecível como Elevale (e não como uma oferta de marca branca própria). Utilize os materiais aprovados deste hub e obtenha a aprovação por escrito da marca antes de campanhas pagas ou de grande visibilidade.

Não negociável

Ao contrário dos revendedores, os afiliados não trabalham com marca própria. Se você precisa vender sob sua própria marca, leia Revendedores. Se você apenas compartilha o Elevale com sua rede, esta seção se aplica.

Você deve

  • Use apenas os arquivos de logotipo, cores e modelos do kit de marca ou da biblioteca de logotipos. Não recrie a marca.
  • Use uma versão completa e aprovada do logotipo em todos os elementos gráficos. Combine com o fundo: cor total em superfícies claras, versão completa em superfícies escuras ou invertida em superfícies com muitos elementos. Consulte Uso do logotipo e espaço livre.
  • Mantenha-se dentro dos padrões de Mensagem, Tom de voz e Valores da marca. Sem exageros, garantias ou promessas de recursos que não tenhamos publicado.
  • Direcione o tráfego através do seu link de referência Elevale para que os cadastros sejam atribuídos corretamente. Não utilize URLs simplificadas ou redirecionadas que burlem o rastreamento.
  • Divulgue claramente sua relação de afiliado ou de indicação onde for necessário (por exemplo, em mídias sociais pagas, rodapés de e-mail e postagens de blog).
  • Submeta anúncios pagos, páginas de destino, webinars e e-mails de marca conjunta para aprovação por escrito da marca antes de serem publicados.

Você não deve

  • Alterar, mudar a cor, animar, girar, contornar ou combinar o logotipo com efeitos que não estejam previstos nestas diretrizes.
  • Apresente Elevale como sua própria plataforma, remova nosso nome ou dê a entender que você criou ou possui o produto.
  • Não confirmamos por escrito os resultados, preços, integrações ou conformidade prometidos.
  • Lance em termos de marca Elevale em anúncios de pesquisa sem aprovação prévia por escrito.
  • Use Otto em anúncios, miniaturas ou conteúdo criativo para redes sociais sem aprovação. Consulte Otto.
  • Não imite ou deturpe nossa marca de forma que possa confundir as pessoas. Não fale, crie ou se apresente como se fosse a Elevale, nossa equipe ou o proprietário da plataforma. Não dê a entender que endossamos serviços fora do programa de indicações.
  • Encomende ilustrações personalizadas do logotipo, integre-o em modelos de terceiros ou use imagens de banco de imagens que imitem nossa marca.

Ativos aprovados para uso

Utilize elementos da identidade visual e do kit da marca. Em caso de dúvida, use menos elementos em vez de improvisar.

  • Cores plenas, em fundo escuro e em versões invertidas (SVG/PNG). Logotipo apenas onde o espaço for limitado e a marca já for conhecida.
  • Rosa, roxo, neutros e gradientes exatamente como definidos em Cores principais e Gradientes.
  • Os títulos e argumentos de venda devem ser retirados deste hub ou do site de marketing. Não crie novos slogans.
  • Utilize slides, imagens para redes sociais e cabeçalhos de e-mail do kit de marca, quando disponíveis. Expanda o layout, sem redesenhar o logotipo.

Posicionamento correto de afiliados

Elevale Destaque as cores aprovadas, inclua uma chamada para ação (CTA) clara para seu link de indicação e seja transparente.

Exemplo aprovado
Não é permitido

Logotipo com cores alteradas, nome de produto inventado ou sua marca substituindo a nossa em uma promoção Elevale.

Os participantes do programa de indicação de clientes devem seguir esta seção para qualquer menção pública de Elevale. As regras e comissões do programa estão na página do programa de indicação.

Fiscalização

Elevale pode suspender ou encerrar o acesso de afiliados, reter comissões ou exigir a remoção de ativos não conformes. O uso indevido repetido ou grave pode encerrar o relacionamento.

Programa de encaminhamento Solicitar aprovação da marca

Parceiros

Revendedores autorizados utilizam o Elevale como seu próprio produto. A personalização da marca já está inclusa: seu logotipo, cor principal e domínio em todos os espaços de trabalho do cliente, com a marca Elevale minimizada na experiência do cliente. Você permanece em destaque; nós cuidamos da infraestrutura da plataforma nos bastidores.

O que a solução white-label oferece

O programa de revenda foi desenvolvido para o relacionamento com seus clientes e sua estratégia de entrada no mercado, não para promover a Elevale como a marca principal.

  • Apresente a plataforma com sua identidade em todos os logins de clientes, e-mails e espaços de trabalho.
  • Defina seus próprios preços para os planos Foundation, Business e Professional.
  • Comercialize e venda de acordo com sua metodologia: estratégia, OKRs, KPIs e relatórios em um sistema com a sua marca.
  • Escolha quais módulos os clientes receberão e se eles funcionarão com sua equipe ou com o consultor de IA integrado.

Você pode

  • Aplique seu logotipo, cor principal da marca e domínio personalizado (por exemplo, strategy.yourbrand.com) em todos os espaços de trabalho do cliente.
  • Defina os preços para os clientes e mantenha a margem de lucro sobre as licenças e recargas da carteira de IA, conforme o acordo de parceria.
  • Descreva a oferta do seu produto e serviço no seu site, propostas e materiais de vendas direcionados a potenciais clientes e clientes atuais.
  • Crie espaços de trabalho separados para cada cliente, com dados, permissões e faturamento isolados, sob a sua marca.
  • Ative ou desative os módulos da plataforma para sua oferta (OKRs, painéis, wiki, mapa de processos, IA e muito mais) a partir do painel de parceiros.
  • Atribua um consultor humano da sua equipe ou ative o Consultor Estratégico de IA por espaço de trabalho, tudo dentro da sua experiência personalizada.

Você não pode

  • Alegações sobre recursos, segurança, conformidade ou resultados que o produto não suporta, ou sugestões que a Elevale endossa afirmações que não aprovamos.
  • Modificar o aplicativo além das configurações de marca branca suportadas (sem bifurcações personalizadas, engenharia reversa ou remoção de avisos legais obrigatórios no console do parceiro).
  • Use as ilustrações da Otto em campanhas externas de clientes sem a aprovação da marca. A IA integrada ao produto é configurada por meio da plataforma; as aparições de marketing seguem as regras da Otto.
  • Utilizar indevidamente o seu próprio logotipo ou cores de forma que viole o contrato (contraste ilegível, marcas distorcidas ou falsificação de identidade de outra organização).
  • Sublicenciar ou disponibilizar a marca branca para outro revendedor sem um acordo por escrito com a Elevale.

No que diz respeito ao produto versus a forma como você vende.

Os clientes só veem sua marca dentro do espaço de trabalho. Em seu marketing e vendas, apresente a plataforma como seu produto e metodologia, sob seu nome e identidade visual.

Espaço de trabalho do cliente (somente com a sua marca)
Seu marketing (sua marca, sua oferta)

Revendedores de marca branca não vendem como afiliados da Elevale. A co-branding com nossa marca registrada só ocorre em casos excepcionais, quando ambos os nomes precisam aparecer em um mesmo material. Consulte Co-branding se for o caso; caso contrário, mantenha a Elevale fora dos materiais criativos voltados para o cliente e de lançamento no mercado.

Quando fazer o check-in

Você não precisa de aprovação para configurações básicas de marca branca no painel de controle de parceiros. Entre em contato com a Elevale antes de campanhas externas que mencionem a Elevale pelo nome, usem o Otto ou que difiram a distinção entre sua marca e a nossa.

Programa de revendedores Entre em contato para perguntas sobre a marca.

Parceiros

co-branding

Quando a marca Elevale e a marca de um parceiro aparecem no mesmo elemento gráfico (cabeçalho do site, slide, banner de evento), utilize as regras de co-branding. Afiliados que promovem apenas a marca Elevale devem seguir as regras de Afiliados. A marca branca para revendedores é um procedimento separado: Revendedores.

  • Altura mínima do logotipo do parceiro: 24px; manter o mesmo peso visual quando os logotipos estiverem lado a lado.
  • Use um divisor vertical ou espaçamento de 24px entre as marcas, nunca sobreponha-as.
  • Não altere as cores de Elevale nem adicione efeitos a nenhuma das marcas.
Downloads

Kit de marca

Faça o download de logotipos, referências de cores e modelos da nossa pasta de marca compartilhada.

Baixe o kit da marca

O que está incluído

  • Arquivos de logotipo (SVG, PNG): versões com o logotipo completo e variantes apenas com a marca.
  • Referência de cores e fontes tipográficas (Coolvetica Condensed e Satoshi no Google Drive)
  • Modelos de apresentação e redes sociais
Referência

Glossário

Definições resumidas dos termos utilizados nestas diretrizes.

Cadeia
O arquivo completo do logotipo: logotipo e marca denominativa juntos. Este é o logotipo padrão Elevale. O slogan não está incluído na combinação.
Logotipo
O logotipo “Elevale” em Coolvetica Condensed aparece ao lado da marca do logotipo. Ele não é usado sozinho em materiais externos; combine-o com a marca do logotipo na identidade visual.
Logotipo
Os quadrados entrelaçados em rosa e roxo ao lado da marca. Também chamado de símbolo em arquivos mais antigos. Use sozinho apenas em espaços reduzidos, depois que a marca já estiver reconhecida.
Slogan
Frase de apoio abaixo do logotipo em páginas de marketing, por exemplo, “A estratégia que nunca morre”. Pode ser inserida no corpo do texto ou em formato de exibição, conforme especificado no design da página. Não faz parte da arte final da página.
Espaço livre
A margem mínima em branco ao redor do logotipo, onde nenhum texto, gráfico ou borda pode interferir. Isso mantém a marca legível e organizada.
x
A unidade usada para medir o espaço livre é a altura do módulo de canto rosa na marca do logotipo no tamanho padrão de composição (20px). Cada lado da composição precisa de pelo menos 1× de espaço livre.
Conjunto de cores completo
O logotipo padrão em fundos claros: logotipo colorido com texto em preto. Não o utilize em gradientes de marca ou fotografias com muitos elementos sem uma sobreposição.
Trancado no escuro
Para fundos escuros sólidos: logotipo colorido com texto em branco. O logotipo permanece rosa e roxo; apenas o texto passa a ser branco.
Bloqueio reverso
Um logotipo e marca totalmente brancos para gradientes da marca e interfaces de aplicativos escuros. Use esta versão em vez da versão colorida sempre que o gradiente ou o fundo reduzirem o contraste.
Gradiente da marca
O gradiente linear característico, do rosa ao roxo, é usado em elementos principais, chamadas para ação (CTAs) e faixas premium. Não coloque o logotipo em cores plenas sobre esse gradiente. Use o gradiente invertido caso seja necessário incluir um logotipo.
Variante do logotipo
Um arquivo aprovado do logotipo para um fundo ou caso de uso específico (por exemplo, em cores, em fundo escuro, invertido ou apenas o logotipo).
Afiliado
Um parceiro que apresenta a Elevale usando nossos recursos oficiais de marca e rastreamento de indicações. Os afiliados mantêm a Elevale visível como Elevale e seguem a seção de Afiliados (não em marca branca).
Marca branca
Configuração de revenda que substitui a marca Elevale no produto do cliente pelo logotipo, cor principal e domínio do parceiro. Os clientes experimentam a plataforma como se fosse a oferta do parceiro.
co-branding
Colocar o logotipo Elevale junto com a marca de um parceiro no mesmo material de marketing. Essa prática é utilizada por agências e eventos, não sendo recomendada para o uso diário em espaços de trabalho de clientes revendedores.
Kit de marca
A pasta compartilhada para download, contendo logotipos, referências de cores, modelos e outros recursos relacionados, está disponível na seção Downloads ou no Google Drive.
Tipo de exibição
Coolvetica é usada para títulos e ênfase em marketing. Reserve-a para frases curtas e de alto impacto, não para parágrafos longos.
Tipo de corpo
Satoshi é usada para textos da interface do usuário, parágrafos e tabelas. É a fonte que contém a maior parte dos produtos e textos mais longos do site.
Ficha de cor
Uma cor de marca específica com valores variáveis em HEX, RGB e CSS (por exemplo, Rosa, Roxo, Escuro). Os tokens mantêm o design e o código alinhados.
Otto
Elevale é o personagem lontra e consultor estratégico de IA. Ele representa soluções: clareza, energia e alegria com propósito, não problemas, e nunca como um mascote ou adereço.
Valores da marca
Os princípios inegociáveis por trás do Elevale são: alinhamento, clareza, evidências e execução de alto nível que norteiam o produto e a comunicação.
Mensagens
O que comunicamos ao mercado: posicionamento, público-alvo, promessa e comprovação, expressos de forma consistente em títulos, chamadas para ação e narrativas de vendas.
Tom de voz
Como definimos: regras de escrita claras, objetivas e humanizadas para web, interface de usuário de produtos e vendas, diferentes de mensagens, mas construídas a partir dos mesmos valores.
Referência

Perguntas frequentes

Respostas rápidas sobre como aplicar a marca Elevale em materiais de marketing, produtos e parceiros.

Qual variante do logotipo devo usar?

Use a versão colorida completa em branco ou quase branco. Em fundos escuros sólidos, use a versão escura (logotipo colorido, nome em branco). Para interfaces de aplicativos escuras ou áreas de baixo contraste, use a versão invertida (totalmente branca). Consulte as Variantes e Uso.

Posso usar apenas o logotipo?

Somente quando o espaço for muito limitado e a marca já for reconhecida: favicons, ícones de aplicativos compactos ou navegação estabelecida no produto. Para slides, anúncios e documentos, use o logotipo completo. Veja Variantes.

Posso alterar as cores, contornar ou distorcer o logotipo?

Não. Não altere as cores, adicione efeitos, gire ou estique a imagem. Use um arquivo aprovado do kit da marca ou da biblioteca de logotipos em vez de editar a arte.

De quanto espaço livre eu preciso?

Mantenha pelo menos um x de espaço livre em cada lado, onde x é a altura do módulo de canto rosa na marca do logotipo (20px no tamanho padrão de impressão). Consulte Anatomia e o glossário.

Posso colocar o logotipo em fotografias?

Sim, se o contraste for suficientemente forte. Adicione uma sobreposição sólida clara ou escura atrás do logotipo, ou use a versão invertida em uma área escura. Evite fundos muito carregados sem separação suficiente. Veja Uso.

Onde posso baixar os arquivos oficiais do logotipo?

Use Downloads para abrir o kit de marca do Google Drive (logotipos em SVG e PNG, referências de cores e modelos). Somente para as versões mais recentes, use Acessar a biblioteca de logotipos na seção Variantes.

Quando posso exibir Elevale ao lado do logotipo de um parceiro?

Use a co-branding quando ambas as marcas aparecerem no mesmo material de marketing (site, apresentação, evento). Mantenha o mesmo peso visual, espaçamento mínimo de 24px ou um divisor, e nunca altere nenhuma das marcas. Consulte Co-branding. Revendedores que fornecem um produto de marca branca para o cliente devem seguir as diretrizes de Revendedores.

O que os revendedores podem fazer com a marca Elevale?

Os revendedores podem personalizar a experiência do cliente (com seu logotipo, cores e domínio) e comercializar a plataforma como se fosse sua própria oferta. Não mostre a marca Elevale aos clientes finais. As orientações completas estão em Revendedores ou na página do Programa de Revendedores.

Quais são as regras aplicáveis a afiliados e parceiros de indicação?

Você deve usar os recursos oficiais da Elevale, as versões aprovadas, mensagens alinhadas à marca e seu link de rastreamento. Você não deve alterar o logotipo, usar a marca branca ou executar campanhas pagas sem aprovação. Consulte as regras da empresa em Afiliados e os termos do programa em Indique um amigo.

Quais fontes devo usar?

Use a fonte Coolvetica Condensed para títulos e Satoshi para o corpo do texto e interface do usuário (pesos 400, 500 e 700). Não substitua por fontes semelhantes. Baixe Coolvetica e Satoshi do Google Drive, ou veja Exibição e Corpo.

Com quem devo entrar em contato para obter a aprovação da marca?

Para campanhas, produtos ou usos não contemplados aqui, entre em contato com a Elevale através da página de contato antes de publicar. Inclua mockups e os canais pretendidos para que possamos confirmar a variante de logotipo e o tratamento de co-branding corretos.

Quando posso usar o Otto no marketing?

Quando ele representa uma solução: clareza, energia, alegria e orientação objetiva, não um problema, mascote ou acessório. Leia Otto para entender os contextos e as regras de aprovação e, em seguida, entre em contato com a equipe da marca antes de publicar externamente.