Identidade visual · v1.0

Brand Kit Operebem

Um guia direto para aplicar a marca com precisão em produtos, conteúdos e experiências digitais.

Símbolo branco da Operebem
Símbolo preto da Operebem
Símbolo branco da Operebem
01

Educação, tecnologia e trading.

A Operebem traduz conhecimento, engenharia e execução em decisões mais claras. A comunicação é técnica, precisa, sóbria e transparente, sem ruído visual nem promessas fáceis.

01

Educação

Conhecimento multidisciplinar para formar decisões racionais e sustentáveis.

02

Tecnologia

Engenharia proprietária, dados e inteligência para operar com confiabilidade.

03

Trading

Execução sistemática baseada em evidências e gestão rigorosa de risco.

02

Contraste define a versão.

Em fundos escuros, use a marca branca. Em fundos claros, prefira a versão verde ou preta. Não altere cor, proporção ou orientação.

Fundo claro · versão preta
Símbolo preto da Operebem
Fundo escuro · versão branca
Símbolo branco da Operebem
PreserveProporções, orientação e respiro ao redor do símbolo.
EviteDistorções, rotações, sombras, contornos e baixo contraste.
ProdutosTerminal, Diário e Portal aparecem sempre no mesmo conjunto: todos brancos ou todos pretos.
03

Ação em verde. Estrutura em neutros.

O verde da marca sinaliza marca, foco, seleção e a ação que converte; no tema claro ele passa a #00804D para manter o contraste. Preto, cinzas neutros e brancos sustentam a hierarquia. Nos sinais, cor nunca é o único aviso: alta e baixa levam também sinal, seta ou palavra. Clique em uma amostra para copiar o hexadecimal.

Sinais no tema preto

Texto no tema claro

Selecione uma cor para copiar.

04

Três famílias, funções claras.

Títulos institucionaisOutfit

Aa

Group, campanhas e artes. Nunca em tela de produto.
Texto e interfaceInter

Aa

Todos os produtos. Valores com algarismos tabulares.
Código e cotaçõesJetBrains Mono

01

Código, identificadores, relógio e faixa de cotações.
Exemplo de hierarquia

Dados melhores. Decisões mais claras.

Produtos digitais devem priorizar leitura, contexto e ação. O conteúdo conduz a interface.

IBOV · 128.430 pts · +0,84%
05

Sobriedade antes de efeito.

01

Hierarquia evidente

Uma decisão principal por tela, com conteúdo organizado por relevância.

02

Contraste funcional

Verde é sinal, não decoração. Texto tem contraste mínimo de 4,5:1 no tema em que aparece.

03

Movimento discreto

Animações orientam o uso sem competir com dados, texto ou controles.

04

Voz precisa

Frases diretas, linguagem técnica quando necessário e transparência sempre.

06

Ativos oficiais em PNG.

As seis variações abaixo preservam o arquivo-fonte oficial. Escolha a cor e a construção adequadas ao contexto.