Manual da marca · versão 1.0 · 30/10/2026
Oceanos Events Global Bridge
Encontro com próximo passo. C · Proposta
A frente de eventos do ecossistema Oceanos: encontros empresariais, fóruns, rodadas de negócios, missões e feiras, no Brasil e no exterior. Aqui está como usar a marca, nos temas claro e escuro.
- Marca
- Oceanos Events Global Bridge
- Papel
- Eventos e conexões de negócio
- Razão social
- a confirmar
- CNPJ
- a confirmar
- Design
- Kadu Veronez
- Versão
- 1.0 · 30/10/2026 · prévia do marco 1
- Kit
- 239 arquivos · ZIP 8,6 MB
Estratégia e diretrizes
Plataforma, público, concorrentes, voz e implantação, com fontes.
A ponte entre empresas e mercados
Um globo atravessado por uma rede de conexões, em dourado, sobre as ondas da Oceanos. É a única marca do ecossistema com degradê. Encontros empresariais, fóruns, rodadas de negócios, missões e feiras, no Brasil e no exterior.
Atributo
Consultiva
Desenha o encontro a partir do objetivo de quem participa, não do tamanho do evento.
Atributo
Estratégica
Cada conexão vira contato registrado e próximo passo.
Atributo
Internacional
Aproxima empresas de mercados, compradores e redes locais, no Brasil e fora dele.
Tom do ecossistema definido na entrevista do projeto (30/10/2026); validar com a direção da Oceanos. Nuances desta frente: proposta.
Lugar no ecossistema
A Oceanos é a marca-mãe; as três frentes levam o mesmo letreiro, as mesmas ondas e um sinal próprio no símbolo.
O que a marca faz
Encontros empresariais
Ambientes estruturados para troca de conhecimento e negócios.
Fóruns
Conteúdo e agenda para um setor ou mercado.
Rodadas de negócios
Participantes com interesses compatíveis frente a frente.
Missões
Grupos de empresas em visita a outro mercado.
Feiras
Participação em feiras com agenda e acompanhamento.
Relatório de oportunidades
Contatos qualificados e próximos passos registrados.
Fatos
| Item | Dado |
|---|---|
| Escopo de referência | Encontros empresariais, fóruns, rodadas de negócios, missões e feiras (briefing). |
| Entregas de referência | Programação, agenda de reuniões, registro de contatos qualificados e relatório de oportunidades. |
| Observação | Enquadramento de referência: não pressupõe portfólio nem eventos já executados. |
| Dados oficiais | Razão social, CNPJ, endereço e contatos: a confirmar. |
Fonte: Briefing do Notion (snapshot de 30/10/2026). Nenhum número, cliente ou prêmio foi incluído porque o briefing não traz prova.
Assinatura
Ideia central
C · PropostaEncontro com próximo passo.
Em inglês: Meetings with a next step. (a revisar por falante nativo)
Proposta da estratégia, a validar com o cliente e a conferir no INPI antes de uso em campanha. Cada frase tem um dono: não use a tagline de uma frente em peça de outra.
Plataforma de marca
Posicionamento, proposta de valor, valores e o que sustenta cada afirmação.
Um letreiro, um sinal por frente
Três assinaturas (horizontal, vertical e símbolo) em seis versões de cor. O letreiro, a palavra Oceanos desenhada, é comum às quatro marcas, e o descritor EVENTS GLOBAL BRIDGE identifica a frente. Escolha a versão pelo fundo, nunca pelo gosto.
Área de proteção
Deixe livre em volta do logotipo a medida x, a altura das letras do letreiro (9.2% da largura do horizontal). Num logotipo horizontal de 300 px de largura, x ≈ 28 px.
Construção
O símbolo tem a altura do logotipo inteiro; o letreiro começa a 0.58x do símbolo. O letreiro tem as formas da Nico Moji, mas é desenho fixo: nunca digite o nome para imitar o logotipo.
Assinaturas
Essas são as únicas assinaturas: as três vêm dos arquivos originais. Não monte o símbolo ao lado de outro logo do mesmo tamanho nem crie versões com tagline embaixo sem aprovação.
Versões de cor
Cada prévia está sobre o fundo para o qual a versão foi feita. SVG para site e design, PNG para Word, PowerPoint e redes, PDF e EPS em CMYK para gráfica (conversão de referência: peça prova de cor).
Derivadas
Derivada, aguardando conferência: geradas a partir dos originais (letreiro em grafite #1F1F1F, ou o símbolo todo em grafite), para o tema claro e para impressão em preto. Não substituem os originais até o Kadu conferir e, por isso, ainda não têm PDF e EPS em CMYK.
Uma cor
Preta e branca têm o interior do símbolo vazado: o fundo aparece por dentro. Para gravação, carimbo, bordado e serigrafia.
Logo responsivo
Acima de 200 px de largura
Horizontal.
Espaço quadrado ou em pé
Vertical a partir de 160 px de largura.
Pouco espaço
Só o símbolo, a partir de 24 px.
Redução mínima
Horizontal: mínimo 200 px na tela e 47 mm impresso. Vertical: 160 px e 37 mm. Símbolo: 24 px e 7 mm. O limite vem do descritor: abaixo disso ele fica com menos de 5,5 px de altura e vira um risco.
Sobre fotos e fundos
Troque o fundo do exemplo: o palco mostra a versão certa para cada um.
Positiva sobre névoa ou branco.
Negativa sobre grafite.
Branca sobre a cor de marca.
Branca sobre foto escura, sem textura forte atrás do letreiro.
Sim. Branca sobre a cor de marca.
Sim. Negativa sobre grafite.
Não. Colorida original sobre fundo claro: o letreiro em névoa some (1,1:1).
Sim. Colorida vazada sobre azul profundo.
O globo sobre as ondas
O símbolo sem o letreiro: globo em rede sobre ondas. É o rosto da marca no perfil, no navegador e no crachá, e funciona como marca d'água.
Versões
Prontos para usar
Símbolo animado
Ondas que respiram
As quatro ondas sobem e descem em sequência, como a maré, e o globo faz o seu movimento próprio. Loop de 4,8 s. Para avatar animado, abertura de story e fim de vídeo curto.
| Item | Valor |
|---|---|
| Duração | 4,8 s em loop |
| Formato | 1:1 · 1080 × 1080 |
| Arquivos | MP4 1:1, 16:9 e 9:16 e GIF de 480 px |
| Fundo | Névoa ou branco; sobre a cor de marca, use a versão branca |
Marca d'água
vem por cima
vem por cima
vem por cima
Marca d’água é sempre tom sobre tom e fica atrás de áreas sem texto. Use a branca ou a preta com 8 a 25% de opacidade, nunca a colorida.
Tamanhos de referência
O símbolo nas 4 marcas
As quatro marcas dividem o círculo e as ondas; muda o sinal acima delas. Toque num símbolo para abrir o manual daquela marca.
Seis coisas que a marca não faz
Distorcer
Nunca estique nem achate. Redimensione pelo canto, com a proporção travada.
Girar
O logotipo fica sempre na horizontal, inclusive em peças inclinadas.
Trocar as cores
Só as versões do kit. Nada de recolorir o símbolo ou o letreiro.
Aplicar efeitos
A marca é chapada: sem sombra, brilho, relevo ou contorno.
Digitar o letreiro
O letreiro é desenho. Texto digitado na Nico Moji não substitui o arquivo do logo.
Colorida sobre fundo claro
A colorida original tem o letreiro em névoa: no claro ele some. Use a positiva.
Cuidados desta marca
Achados da leitura dos arquivos originais.
Degradê dourado em impresso. O símbolo colorido usa degradê (único do ecossistema). Em impressão peça prova de cor; em uma cor, use a positiva, a preta ou a branca.
Dourado não é cor de texto no claro. Os dourados do logo ficam abaixo de 4,5:1 sobre fundo claro. Texto no claro usa o Ouro Texto (adição) ou grafite.
Ouro sobre grafite
As cores saem do símbolo: ouro, ouro escuro, ouro claro, ouro luz, sobre os neutros comuns às quatro marcas, grafite e névoa. Cada cor tem papel definido no tema claro e no escuro.
Principais
Ouro
Base do degradê do símbolo. Elementos grandes e fundos de marca.
Ouro Escuro
Início do degradê. Nunca texto pequeno no claro (3,0:1).
Ouro Claro
Texto, botão e destaque no tema escuro.
Ouro Luz
Brilho do degradê. Decorativo.
Toque num valor para copiar só aquele valor.
Neutros e apoio
Grafite e névoa são os neutros do letreiro e valem para as quatro marcas.
Grafite
Letreiro das versões positiva e preta, texto no claro e fundo do tema escuro.
Névoa
Letreiro das versões negativa e branca, interiores claros dos símbolos e fundo do tema claro.
Apoio da interface (adição)
Fundo atrás de peças névoa (adição)
Fios e divisórias (adição)
Fios fortes e ícones inativos (adição)
Texto secundário no claro (adição)
Funcionais
Só para estado de interface e de processo. Nunca como cor de peça de comunicação.
Sucesso
ExemploEnvio concluído, etapa aprovada, confirmação. Texto sobre o fundo tingido: 4,4:1.
Atenção
ExemploPrazo próximo, documento pendente, revisão. Texto sobre o fundo tingido: 4,9:1.
Erro
ExemploCampo inválido, falha no envio, ação destrutiva. Texto sobre o fundo tingido: 4,4:1.
Informação
ExemploAvisos neutros e selos: é o próprio destaque da marca.
Adições para contraste
Ouro Texto
Ouro escuro escurecido para texto, link e botão no tema claro: os dourados do logo não passam 4,5:1 sobre fundo claro.
Por que existe
Ouro Texto #7A5F00: 5,8:1 sobre o fundo claro e 5,4:1 com texto névoa por cima. Registrada como adição: não está nos arquivos do logo.
Tema claro e escuro
Peças digitais usam o papel da cor (fundo, texto, destaque), que troca de valor com o tema. No escuro, o logotipo passa para a negativa ou a colorida original.
| Token | Claro | Escuro | Uso |
|---|---|---|---|
--oc-canvas | #FAFAFA | #1F1F1F | Fundo da página |
--oc-tray | #FAFAFA | #2A2A2A | Bandejas (cartões, menus, painéis) |
--oc-part | #F1F1F1 | #383838 | Peças: botões, campos, linhas |
--oc-part-hover | #E8E8E8 | #404040 | Peça sob o ponteiro |
--oc-part-soft | #F7F7F7 | #333333 | Linha aberta, prévia, fundo de tabela |
--oc-ink | #1F1F1F | #F1F1F1 | Texto principal |
--oc-ink-muted | #575D63 | #ABB1B6 | Texto secundário, rótulos |
--oc-primary | #7A5F00 | #FDD74E | Botão principal, link, foco: o destaque da marca |
Mais 6 tokens: fundo tingido, inverso e textos sobre o destaque
| Token | Claro | Escuro | Uso |
|---|---|---|---|
--oc-primary-hover | #5F4A00 | #FFE587 | Botão principal sob o ponteiro |
--oc-on-primary | #F1F1F1 | #1F1F1F | Texto sobre o destaque |
--oc-accent-soft | #EFECE0 | #48422F | Fundo tingido (selos, avisos) |
--oc-accent-ink | #7A5F00 | #FFE587 | Texto sobre o fundo tingido |
--oc-inverse | #1F1F1F | #F1F1F1 | Peça invertida (aviso, item ativo) |
--oc-on-inverse | #F1F1F1 | #1F1F1F | Texto sobre a peça invertida |
Proporção
Proposta para uma peça típica no tema claro. No escuro, grafite e névoa trocam de lugar.
Base
- Onde usar
- Cuidado
- Valor
Contraste
Calculado no build pela fórmula do WCAG 2.2. Texto normal precisa de 4,5:1; texto grande e ícones, 3:1.
| Texto | Fundo | Amostra | Contraste | Resultado | Uso |
|---|---|---|---|---|---|
Grafite #1F1F1F | Névoa #F1F1F1 | Oceanos | 14,6:1 | AA texto | Texto no claro |
Névoa #F1F1F1 | Grafite #1F1F1F | Oceanos | 14,6:1 | AA texto | Texto sobre o bloco de marca |
Destaque claro #7A5F00 | Fundo claro #FAFAFA | Oceanos | 5,8:1 | AA texto | Link, botão e título no claro |
Névoa #F1F1F1 | Destaque claro #7A5F00 | Oceanos | 5,4:1 | AA texto | Texto no botão principal (claro) |
Destaque escuro #FDD74E | Grafite #1F1F1F | Oceanos | 11,8:1 | AA texto | Link e destaque no escuro |
Grafite #1F1F1F | Destaque escuro #FDD74E | Oceanos | 11,8:1 | AA texto | Texto no botão principal (escuro) |
Névoa #F1F1F1 | Grafite #1F1F1F | Oceanos | 14,6:1 | AA texto | Texto no escuro |
Cinza 700 #575D63 | Névoa #F1F1F1 | Oceanos | 5,9:1 | AA texto | Texto secundário no claro |
Ouro #BE9500 | Fundo claro #FAFAFA | Oceanos | 2,7:1 | Reprovado | Teste da cor do logo como texto no claro |
Ouro Escuro #B48D00 | Fundo claro #FAFAFA | Oceanos | 3,0:1 | Reprovado | Teste da cor do logo como texto no claro |
Ouro Luz #FFE587 | Fundo claro #FAFAFA | Oceanos | 1,2:1 | Reprovado | Teste da cor do logo como texto no claro |
Calculadora de contraste
Escolha a cor do texto e a do fundo: a conta é a mesma do WCAG 2.2, feita no navegador.
- Contraste
- 14,6:1
- Texto normal (4,5:1)
- passa
- Texto grande e ícone (3:1)
- passa
- Valores
- #1F1F1F sobre #F1F1F1
Tela e impressão
Tela
Use HEX ou RGB, perfil sRGB. Os SVG e PNG do kit já estão nesse padrão.
Gráfica
O CMYK desta página é conversão direta, sem perfil: serve de ponto de partida. Peça prova de cor antes da primeira tiragem.
Pantone
A definir com a gráfica a partir da prova. Nada de número Pantone sem conferência.
Um letreiro desenhado, um texto que respira
Nico Moji, a fonte em que o letreiro do logotipo foi desenhado, só para títulos de destaque; Outfit para todo o resto, do descritor fino ao texto corrido. As duas valem para as quatro marcas.
Famílias
Nico Moji · destaque
AA 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Títulos de destaque, em caixa alta e com moderação. É a fonte em que o letreiro do logotipo foi desenhado: nunca recompor o logotipo com texto digitado.
Limite: Não tem acentos nem cedilha (conferido no arquivo da fonte): use só em palavras sem acento, como nomes das marcas, palavras em inglês e números. Título com acento vai em Outfit.
Outfit · texto e títulos
Aa 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz áàâãéêíóôõúç 0123456789
Títulos, textos, botões e rótulos. Os descritores das logos (SHIPPING AGENCY, SOLUTIONS, EVENTS GLOBAL BRIDGE) usam a Outfit fina, em caixa alta, com cerca de 0,4 em de espaçamento.
O descritor
EVENTS GLOBAL BRIDGE
O descritor EVENTS GLOBAL BRIDGE é Outfit fina (200), em caixa alta, com cerca de 0,4 em de espaçamento. No logotipo ele tem 30% da altura do letreiro e ocupa a mesma largura. Em texto corrido, escreva o nome da frente em caixa normal: Oceanos Events Global Bridge.
Hierarquia
| Estilo | Amostra | Medidas | Uso |
|---|---|---|---|
| destaque | NOVOS MERCADOS | Nico Moji 400 · 56/56 | Título de destaque de campanha e capa. Só palavras sem acento. |
| titulo-1 | Conexões que viram negócios | Outfit 500 · 44/48 | Título de página e de peça. |
| titulo-2 | Do diagnóstico à negociação | Outfit 500 · 28/34 | Título de seção. |
| subtitulo | Inteligência de mercado e execução | Outfit 400 · 20/28 | Linha fina, abertura de parágrafo. |
| texto | A Oceanos aproxima empresas de oportunidades no Brasil e no exterior. | Outfit 400 · 16/26 | Texto corrido em tela. Impresso: 10 a 11 pt. |
| descritor | SHIPPING AGENCY | Outfit 200 · 14/18 | Descritor das frentes e rótulos curtos. Nunca em frase longa. |
| rotulo | FRENTE · SOLUTIONS | Outfit 500 · 13/16 | Rótulos de seção e etiquetas. |
Teste de título
- Caracteres
- 0
- Palavras
- 0
- Linhas no título
- 1
Ideal: até 60 caracteres, em no máximo duas linhas.
Rodada de negócios Brasil e exterior
Rodada de negócios Brasil e exterior
RODADA DE NEGÓCIOS BRASIL E EXTERIOR
Rodada de negócios Brasil e exterior
Título: Outfit 500, 36 px · Destaque: Nico Moji, caixa alta · Texto: Outfit 400, 16 px
A Nico Moji não tem acentos: com esse título, o destaque vai em Outfit.
Licença e substitutas
Licença
As duas fontes são livres (SIL Open Font License 1.1): pode usar em site, impresso e vídeo e enviar ao fornecedor.
Sem as fontes instaladas
Sem as fontes instaladas (Word e PowerPoint de outro computador): Century Gothic ou Arial no lugar da Outfit. A Nico Moji não tem substituta: use Outfit 600 em caixa alta.
Web
Arquivos WOFF2 do kit: Outfit variável (100 a 900) e Nico Moji 400.
Tudo no módulo de 8
Margens generosas, um destaque por peça e o horizonte no terço de baixo. O módulo de 8 organiza as peças gráficas; as telas seguem a geometria de bandejas e peças da Zuik.
Grades por formato
Post 1080 × 1080 · margem 80
Story 1080 × 1920 · área segura
Slide 16:9 · margem 96
A4 · margem 20 mm
A linha cheia é o horizonte: no terço de baixo, com o conteúdo acima dela (veja Carta náutica). No story, as faixas de 250 px em cima e embaixo ficam sob a interface do aplicativo: nada de texto nelas.
Escala de espaço e raios
Espaço
Módulo de 8 nas peças gráficas. Na tela, a escala da Zuik: 2 entre peças numa barra · 5 recuo da barra · 8 recuo do painel · 13 ícone na ponta da pílula · 16 texto na peça · 24 e 32 entre blocos · 48 e 96 entre seções.
Raios concêntricos
Raio de fora = raio de dentro + recuo. Painel 30 = linha 22 + 8; barra 27 = peça 22 + 5; tela 38 = painel 30 + 8. Peças são pílulas.
Elementos gráficos
O sistema completo, com horizonte, coordenadas, rotas, pranchas e regras, está no capítulo Carta náutica.
Composição
Três intensidades. Escolha pela importância da mensagem, não pela vontade de variar.
A carta náutica
A linguagem própria do ecossistema é a carta náutica: as quatro ondas que estão na base de todo símbolo, o horizonte que organiza a página, as coordenadas e as rotas. É o mesmo desenho nas quatro marcas; muda a paleta, e cada frente soma um elemento próprio. Gera peças reconhecíveis mesmo sem o logotipo por perto.
Ondas
Medidas tiradas do SVG do símbolo: as quatro ondas têm a mesma espessura e o mesmo passo, e a crista fica no centro. Na faixa, o desenho se repete por períodos.
A regra do horizonte
Linha a 2/3 da altura. Em peças altas (story), a 62–66%.
Sobre a linha nasce o sol (na Oceanos) ou fica livre; o sinal da frente nunca é redesenhado no horizonte.
Abaixo da linha, as ondas. Acima, o conteúdo, com a margem do formato.
Fio do horizonte na cor clara da marca, 2 px em tela.
Coordenadas e rotas
Coordenadas: meridianos e paralelos finos, a cada 1/8 da largura, com graus em Outfit fina nas bordas. Opacidade de 12 a 30%.
Rota: linha tracejada que liga marcos e termina numa seta: o caminho de uma demanda até a operação.
Rosa dos ventos: quatro pontas e o N, só em capa e em mapa. Nunca como ícone pequeno.
São comuns às quatro marcas. O elemento próprio de cada frente vem por cima, nunca no lugar.
Elemento da frente
Rede de nós e linhas
A rede do globo vira uma trama de pontos ligados por arcos: pessoas, empresas e mercados que se encontram.
Elemento próprio desta frente, definido nas decisões comuns da estratégia (proposta a validar). Nenhuma outra marca do ecossistema usa este elemento.
Pranchas
Quatro composições de referência com o sistema.
Capa de apresentação
Bloco de marca com coordenadas finas, título em cima do horizonte, ondas na base.
Divisor de seção
Fundo névoa, número em Nico Moji e uma faixa de ondas atravessando.
Documento A4
Horizonte fino no rodapé e as ondas só na base da página.
Post 4:5
O horizonte com o sol nascendo: a composição-assinatura.
Ondas em movimento
A faixa desliza devagar, um período a cada 12 s, em loop perfeito. O mesmo desenho, nas cores de cada marca.
Biblioteca
Módulos para baixar, nas cores da marca. SVG editável em Figma, Illustrator e Canva.
Regras de uso
Um uso por peça: uma faixa de ondas ou um horizonte, com no máximo um elemento da carta (coordenadas, rota ou o elemento da frente).
Conteúdo acima do horizonte. Texto nunca passa por cima das ondas.
As quatro ondas juntas, na ordem: da mais escura (em cima) para a mais clara (embaixo).
Não misture frentes: marcas de calado só na Shipping Agency, grade só na Solutions, rede só na Events Global Bridge.
Coordenadas são desenho: não escreva coordenadas de um lugar real como se fossem endereço ou rota de cliente.
Peças do ecossistema (as quatro frentes juntas) usam a carta comum e as ondas da Oceanos.
A ponte e suas conexões
A frente de eventos desenha como engenheira de pontes e de salões: estrutura estaiada, planta de rodada de negócios e redes de nós, em dourado sobre grafite. Desenhos ilustrativos: cotas, coordenadas e nomes são fictícios.
Prancha usa a cor de bloco da marca; papel acompanha o tema claro ou escuro da página.
Prancha interativa
Camadas que se desligam, cotas sob o ponteiro e a vista explodida. A leitura embaixo mostra a posição na prancha (fictícia).
Biblioteca
Mais 2 pranchas da linguagem ponte e conexões. Ligue as cotas ou passe o mouse nos traços.
02 · Planta do salão
Salão de rodada de negócios: palco, credenciamento, 24 mesas de reunião numeradas e circulação.
03 · Rede de conexões
Duas margens de nós ligadas por arcos sobre um vão, com o detalhe do nó em treliça ampliado.
As quatro linguagens
Mesmo traço, mesma moldura e mesmo carimbo; muda o tema técnico e a paleta de cada marca.
Linguagem do traço
Três pesos de traço. Silhueta 2, aresta 1,25, detalhe 0,8 e anotação 0,7. O olho lê primeiro a forma, depois a construção, por último as cotas.
Cada linha em duas vistas. Como no plano de linhas, uma estação desenhada numa vista é posição na outra: as vistas se alinham pelas mesmas cotas.
Pouca cor, muito vazio. Como nas cartas náuticas modernas: um só destaque por desenho, véus leves para profundidade e espaço livre para as anotações.
Camadas separáveis. Grade, forma, detalhe e cotas são camadas de verdade: acendem uma a uma, desligam e se afastam na vista explodida.
Cota é texto de apoio. Aparece quando é pedida (ponteiro, toque, foco) e é sempre fictícia: símbolos (L, B, T, Ø) no lugar de números de projeto.
Princípios tirados da pesquisa de referências: leitura de planos de linhas (perfil, meia-boca e balizas), cartas náuticas modernas de azuis contidos, batimetria minimalista e a prancha técnica da Clayservice.
Fundos
Fundo de linhas · exemplo
Texto sobre o desenho
O mesmo desenho da prancha vira textura: só o traço, na cor de destaque a 7%, sem cotas nem texto. A leitura não muda.
| Tema | Texto na tela | Sobre o fundo |
|---|---|---|
| Claro | 6,4:1 | 5,8:1 |
| Escuro | 7,6:1 | 6,4:1 |
Contraste do texto secundário (o mais fraco da página) sobre a tela e sobre a linha mais forte do fundo: acima de 4,5:1 nos dois temas. Neste manual o fundo aparece na capa, na carta náutica, neste capítulo e no cartão do kit. Em peças, use só atrás de áreas com pouco texto; nunca atrás do logotipo.
Arquivos
Pasta 15_DESENHO-TECNICO
3 pranchas em SVG editável (claro e escuro, com camadas nomeadas para Illustrator e Figma) e um PDF com as 3 folhas para impressão.
Nome dos arquivos: Oceanos-Events-Global-Bridge_Desenho-Tecnico_01-Nome_Claro_v1.0.svg. O modo escuro é a prancha na cor de bloco da marca; o claro, o papel.
Regras de uso
Um destaque por desenho: a cor da marca marca uma coisa só (a rota, a linha d'água, o cluster, os estais).
Cotas e nomes são fictícios e vêm rotulados: nenhum navio, porto, obra ou mercado real.
Nunca desenhe o logotipo nem o símbolo em traço técnico. Quando a peça pede a marca, use o arquivo oficial.
Não misture linguagens: casco só na Shipping Agency, grade hexagonal só na Solutions, ponte só na Events.
Texto em Outfit. Nico Moji só no número da folha (sem acento). Desenho atrás de texto, só como fundo a 7%.
Horizonte aberto, gente no trabalho
A Oceanos Events Global Bridge ainda não tem fotos próprias. As referências abaixo são imagens fictícias geradas por IA, feitas para orientar o ensaio e a escolha de banco de imagens: encontros de negócios com gente de verdade, luz dourada e quente, nada de espetáculo. Elas não representam projetos, clientes ou eventos realizados.
Referências
Gerada por IA · fictíciaRodada de negócios
Salão elegante com muitas mesas redondas pequenas e pares conversando frente a frente, visto um pouco do alto, em luz dourada. Abre convites, apresentações e a página da frente.
Gerada por IA · fictíciaPainel em palco baixo
Três palestrantes em poltronas sob luz dourada, plateia de costas em silhueta e telão em branco com brilho dourado. Para fóruns, programação e notícias.
Gerada por IA · fictíciaCredenciamento
Balcão num foyer claro: a recepcionista entrega o crachá em branco, com cordão, a um convidado, os dois de perfil. Para inscrição e boas-vindas.
As três imagens foram geradas por IA (Google Gemini) para este manual. Não são fotos reais nem mostram operações, clientes ou eventos da marca: orientam o ensaio e a escolha de banco de imagens. Se usar alguma, identifique como imagem gerada por IA.
Direção
Luz
Quente e dourada, de pendentes, janelas ou do próprio palco: o dourado da marca vem da cena. Sem flash direto, sem luz colorida de show e sem filtro.
Enquadramento
Gente em conversa de trabalho, de perfil ou de costas, vista um pouco do alto ou do fundo da sala. Ninguém olhando para a câmera; crachás, telas e papéis em branco ou fora de foco.
Tratamento
Cor natural com contraste moderado e profundidade de campo curta. Os dourados da cena acompanham a paleta; nunca pinte a foto inteira de dourado.
Faça e evite
Faça
- Conversas frente a frente, em mesas de dois
- Painel em palco baixo, com a plateia de costas
- Participantes de vários países, em traje de negócio
- Crachás, telas e documentos em branco ou fora de foco
Evite
- Palco de show: holofote colorido, confete, taça de espumante
- Cartão-postal: monumentos, aviões, bandeiras e globo realista
- Aperto de mão posado e sorriso para a câmera
- Logos de terceiros e nomes legíveis em crachás e telões
Briefing do ensaio
| Cena | O que mostrar | Uso |
|---|---|---|
| Rodada | Mesas redondas pequenas, pares frente a frente, vistos um pouco do alto | Convite, apresentação, página da frente |
| Painel | Palco baixo com três poltronas, plateia de costas, telão em branco | Programação, fórum, notícias |
| Credenciamento | Balcão no foyer, crachá em branco entregue de perfil | Inscrição, boas-vindas, story |
| Visita técnica | Grupo pequeno de costas ouvindo o anfitrião numa empresa ou terminal | Missões, relatório |
| Detalhe | Mãos com crachá, cartão e agenda, sem texto legível | Posts de conteúdo |
| Equipe | Retrato de cada responsável pela organização, fundo neutro | Site, LinkedIn |
Regras de imagem
Autorização por escrito de quem aparece e do local fotografado.
Sem documentos, telas ou placas legíveis com dados de clientes.
Imagem gerada por IA só como ilustração, sempre identificada, nunca como foto de operação real.
Sem logos de terceiros em destaque (navios, crachás, telões).
Traço único, do mar à mesa de reunião
Biblioteca própria com 59 ícones de traço, comum às quatro marcas, em cinco categorias: ecossistema, marítimo, negócios, eventos e interface. Toque para copiar o SVG ou baixe o arquivo na cor da marca.
Biblioteca
59 ícones
Nenhum ícone com esse nome. Tente “navio”, “mapa” ou “agenda”.
Grade e traço
Grade de 24 × 24 com 2 de respiro em volta. Traço de 1,75, pontas e cantos arredondados, sem preenchimento.
Na tela, ícones de 18 a 24 px na cor do texto ou no destaque da marca; na Zuik, 18 px dentro de peças de 44. No kit: na cor da marca (pasta da marca) e em grafite e névoa (pasta do ecossistema). Ícone novo segue a mesma grade e o mesmo traço.
Ilustrações
Antes: a agenda
Objetivo, público e com quem cada um vai falar, definidos antes do encontro.
Durante: a rodada
Reunião no horário, frente a frente, pelo interesse dos dois lados.
Depois: o próximo passo
Relatório com contatos e próximos passos, que pode seguir com a Oceanos Solutions.
A ponte
Empresas e mercados dos dois lados: missões, delegações e feiras, no Brasil e no exterior.
Cenas montadas com os ícones da biblioteca sobre o horizonte: o ícone principal na cor de destaque, os de apoio em cinza. Para uma nova, combine até três ícones.
Gráficos e dados
Reuniões por mercado · exemplo
Fonte: dados fictícios de exemplo, só para mostrar o estilo.
Uma cor de destaque: o dado principal no destaque da marca, os demais no mesmo tom mais claro.
Rótulo na ponta da barra, sem legenda separada.
Fonte e período sempre embaixo do gráfico.
Sem 3D, sombra ou pizza com mais de três fatias.
Calmo como a maré
O movimento do ecossistema é o da maré: as ondas sobem uma de cada vez, de baixo para cima, a rede do globo acende a partir de um nó e os gomos dourados ganham brilho um a um, e o letreiro sobe letra a letra, da esquerda para a direita. Cada parte chega com uma mola curta e assenta sem tremer; o símbolo se aproxima de leve, para dar profundidade. As animações foram criadas a partir das partes dos arquivos do logo, com o mesmo motor nas quatro marcas.
Revelação do logotipo
Revelação
3 s, termina no logotipo vertical parado. Abertura e fim de vídeo, capa do site.
Etapas: 0,1 a 1,4 s ondas; 0,1 a 1,4 s rede; 0,5 a 2 s gomos; 1,85 a 2,85 s brilho; 1,3 a 2,5 s letreiro; 1,75 a 3 s descritor.
Símbolo animado
Símbolo em loop
4,8 s em loop, 1:1. Avatar animado, abertura de story.
O que se move
A maré passa pelas ondas de baixo para cima, 3% da altura, com a curva Respiro; depois os três nós da rede pulsam e um brilho atravessa o dourado. O loop começa e termina no arquivo parado.
Os vídeos e o GIF estão no card ao lado, gerados quadro a quadro desta mesma animação.
Carregando
Carregando
As quatro ondas acendem em sequência, de cima para baixo, em 1,6 s; os nós da rede pulsam em sequência. Espera em site, formulário e apresentação.
Sem tela de abertura obrigatória: o carregando aparece só enquanto algo carrega de verdade.
Com “reduzir movimento” ativado no sistema, as ondas ficam acesas e paradas.
Exceção do movimento
Brilho só em movimento: o globo acende na revelação; parado, o degradê é o do arquivo, sem brilho extra (veja Usos incorretos).
Quadro final é a versão estática: toda animação termina no arquivo oficial do logo, sem nenhum efeito.
Curvas
Toque ou clique numa curva para ver o percurso. O botão “Pausar animações” do topo para todas; com “reduzir movimento” ativado no sistema, elas mostram direto o estado final.
Durações e formatos
| Uso | Animação | Formato | Duração |
|---|---|---|---|
| Abertura ou fim de Reels e stories | Revelação 9:16 | 1080 × 1920 | 3,6 s (3 s de animação) |
| Vídeo horizontal, site, apresentação | Revelação 16:9 | 1920 × 1080 | 3,6 s (3 s de animação) |
| Post em vídeo, avatar animado | Símbolo em loop 1:1 | 1080 × 1080 · GIF 480 px | 4,8 s em loop |
| Fundo de tela e de story | Símbolo em loop 16:9 e 9:16 | 1920 × 1080 · 1080 × 1920 | 4,8 s em loop |
| Espera no site e em apresentação | Carregando | 1:1, 16:9, 9:16 · GIF 480 px | 1,6 s em loop (MP4 com 3 ciclos) |
Os MP4 (H.264, 30 quadros por segundo) e os GIF são gerados quadro a quadro destas mesmas animações; nos formatos 16:9 e 9:16 o logo tem o mesmo tamanho do 1:1, com mais fundo. Baixe cada um no card da animação.
Ponte
Esboço da assinatura sonora: A maré comum às quatro marcas e duas notas que se ligam, como os pontos da rede do globo, com um brilho no fim. A maré é comum às quatro marcas; o motivo muda por frente.
Esboço Sintetizado para orientar a produção com um músico. Não use em anúncio antes da versão final.
Estrutura
Regras de uso
Quando tocar: abertura ou fim de vídeos, junto da revelação do logotipo. Uma vez por vídeo.
Volume: −16 LUFS integrado e pico de −1,5 dBTP (já normalizado no MP3). Sempre abaixo da voz.
Não use como música de espera, em loop ou competindo com trilha.
Esboço: a versão final deve ser gravada ou refeita por um profissional de áudio.
A marca na tela
Site, apresentação digital e qualquer tela usam a biblioteca de componentes Zuik com a pele do ecossistema: Outfit, os neutros da marca e o destaque #7A5F00 (claro) e #FDD74E (escuro) sobre a geometria de bandejas e peças. Este manual é feito com ela: o cabeçalho, o seletor de marca, as abas, a busca e os avisos são os mesmos componentes.
Tema claro e escuro
Toda tela da marca tem os dois temas. Segue o sistema do aparelho e oferece um botão para trocar, lembrado no navegador.
No escuro: fundo grafite, bandejas um tom acima, logotipo negativo. O primário passa para #FDD74E com texto grafite.
Bandejas e peças
A regra da Zuik que dá o desenho de toda tela: bandejas flutuando sobre o fundo e, dentro delas, peças em pílula.
Bandeja guarda peças. Só a bandeja tem sombra; peças são chapadas e sem borda.
Raio de fora = raio de dentro + recuo. Nada de raios soltos como 8, 12 ou 16.
Monocromático primeiro. Um único destaque por bandeja: o botão principal.
Ação longa mostra progresso real; ação destrutiva pede segurar para confirmar.
Componentes ao vivo
Componentes reais, com textos de exemplo da marca. Clique, digite e teste nos dois temas.
Componente interativo. Ative o JavaScript para testar.
Botão
Pílula de 44. Um primário por bandeja, no destaque da marca; o resto em névoa. Ação destrutiva pede segurar para confirmar.
Componente interativo. Ative o JavaScript para testar.
Botão de ícone
Círculo de 44 com ícone de 18. O rótulo aparece como dica só no mouse ou no teclado.
Componente interativo. Ative o JavaScript para testar.
Campo
Pílula névoa sem borda, rótulo que sobe para a borda, foco com anel no destaque.
Componente interativo. Ative o JavaScript para testar.
Seleção
Abre um menu em bandeja; a opção escolhida fica marcada.
Componente interativo. Ative o JavaScript para testar.
Chips
Escolha rápida entre poucas opções.
Componente interativo. Ative o JavaScript para testar.
Abas segmentadas
Barra de 54 com a aba escolhida em destaque e a mola de 280/25.
Componente interativo. Ative o JavaScript para testar.
Interruptor
Liga em verde de sucesso, com bolinha elevada.
Componente interativo. Ative o JavaScript para testar.
Caixa de seleção
Redonda, risca o item feito. Boa para checklist de reunião.
Componente interativo. Ative o JavaScript para testar.
Acordeão
Perguntas frequentes. A linha aberta ganha fundo suave.
Componente interativo. Ative o JavaScript para testar.
Alerta
Bandeja com selo de ícone tingido; versão de uma linha para avisos curtos.
Componente interativo. Ative o JavaScript para testar.
Selo de status
Status sempre com texto e ponto, nunca só a cor.
Componente interativo. Ative o JavaScript para testar.
Linha de lista
Serviço com ícone, descrição e ação, dentro de um painel.
Componente interativo. Ative o JavaScript para testar.
Aviso
Pílula que empilha; mostra progresso real em envios longos.
Componente interativo. Ative o JavaScript para testar.
Diálogo
Confirmação em bandeja de raio 30 no centro da tela.
Componente interativo. Ative o JavaScript para testar.
Texto longo
Linha de raio 22 que cresce com o texto e conta os caracteres.
Tokens
| Token | Valor | Uso |
|---|---|---|
--oc-espaco-2 | 2px | Escala de espaço |
--oc-espaco-4 | 4px | Escala de espaço |
--oc-espaco-5 | 5px | Escala de espaço |
--oc-espaco-8 | 8px | Escala de espaço |
--oc-espaco-13 | 13px | Escala de espaço |
--oc-espaco-16 | 16px | Escala de espaço |
--oc-espaco-24 | 24px | Escala de espaço |
--oc-espaco-32 | 32px | Escala de espaço |
--oc-espaco-48 | 48px | Escala de espaço |
--oc-espaco-96 | 96px | Escala de espaço |
--oc-raio-peca | 22px | Peça (pílula de 44) |
--oc-raio-barra | 27px | Barra de uma linha (54) |
--oc-raio-painel | 30px | Bandeja e painel |
--oc-raio-tela | 38px | Tela que hospeda folhas |
As cores com valor para cada tema estão em Cores › Tema claro e escuro.
Assinatura de e-mail
|
|
[Nome Sobrenome]
[Cargo] · Oceanos Events Global Bridge
[e-mail] · [telefone]
[site oficial a confirmar] |
No arquivo do kit, troque LINK-DO-SIMBOLO-PNG pelo endereço público do PNG do símbolo e preencha os campos entre colchetes. HTML
A marca em uso
Peças de um ecossistema B2B internacional: papelaria, apresentação, redes, crachá e sinalização. Os mockups usam os arquivos oficiais do logo; nome, cargo e contato aparecem como campos a preencher.
Credenciais por função
Logotipo colorido sobre grafite em todas; só a faixa de função muda: participante, palestrante, organização. Nome grande, empresa e país; QR opcional.
Agenda e programação
Programação A5 e agenda de reuniões no celular: com quem, quando e em que mesa. Horários de exemplo.
Backdrop e púlpito
Backdrop em grafite com o logotipo colorido, a rede e as ondas na base; símbolo na frente do púlpito. Palco baixo, luz de sala.
Convite digital
E-mail com o horizonte da marca, o que, quando e onde, e um botão para confirmar. Aviso de privacidade e Cadastur no rodapé.
Relatório de oportunidades
Capa e página interna: reuniões, contatos qualificados e o próximo passo de cada um, com quem segue. Modelo com dados fictícios.
Mesa de rodada
Prisma de mesa com o logotipo colorido e o número em Nico Moji, legível de longe. Mesas de dois com toalha clara.
Mockups fotorrealistas
O logo oficial aplicado em cenas do dia a dia da marca.
Cena gerada por IA · logo oficial aplicadoBanner roll-up
Roll-up grafite de 85 × 200 cm: logo vertical colorida com o degradê dourado no terço de cima, a tagline em Outfit e as ondas na base.
Sobre esta cena
A cena é fictícia, gerada por IA (Google Gemini) com a superfície em branco: não mostra um lugar, uniforme ou evento real da marca. O logo não foi desenhado pela IA: é o arquivo oficial do kit (03_LOGOS), aplicado por cima com a perspectiva, a luz e a textura da foto.
Perfil nas redes
Perfil de exemplo
Avatar, bio, destaques e grade com o horizonte. Ambientes estruturados para troca de conhecimento e negócios.
Campo a campo
- Foto de perfil
- Avatar 1080 px do kit: símbolo branco na cor de marca, a rede recorta em círculo.
- Nome
- Oceanos Events Global Bridge
- Bio
- Encontros empresariais, fóruns, rodadas de negócios, missões e feiras, no Brasil e no exterior.
- Destaques
- Capas redondas do kit, na ordem dos serviços; uma palavra por capa.
- Link
- Site oficial [A CONFIRMAR].
Kit de redes
Modelos em SVG editável e PNG. Abra no Figma, Illustrator ou Canva com Outfit e Nico Moji instaladas.
Capas de destaque
Os destaques são os círculos no topo do perfil, onde ficam os stories salvos. Doze capas em PNG 540 × 540, com o ícone na área central segura. Toque numa capa para baixar.
Escritório e papelaria
Cartão de visita
90 × 50 mm, couché 300 g fosco. Frente na cor de marca; verso névoa com nome, cargo, e-mail e telefone (campos a preencher). Arte final para gráfica: a fazer; o logo em PDF CMYK já está no kit.
Papel timbrado e envelope
A4 com o logotipo positivo e as ondas no rodapé; envelope DL. Papel timbrado editável em DOCX, com PDF para conferir.
Apresentação
Apresentação 16:9
Capa com horizonte e logotipo branco, slide de conteúdo e divisor de seção com número em Nico Moji. O PPTX traz o tema da marca (cores e fontes) e cinco slides para duplicar.
Divisor de seção
Fundo névoa, número grande em Nico Moji (sem acento) e uma faixa de ondas.
Crachá e credenciais
Crachá de evento
90 × 130 mm, cordão na cor de marca. Nome em Outfit 500, empresa em 400, função em caixa alta espaçada. QR opcional.
Credenciais por papel
Participante, organização, palestrante e imprensa mudam só a faixa de função, nunca a cor do logotipo.
Nas peças da Events Global Bridge, o crachá usa a paleta dela.
Ambientes e sinalização
Recepção e banner
Logotipo positivo na parede, com a área de proteção livre; banner roll-up de 85 × 200 cm com o vertical branco e as ondas na base.
Tela de evento e story
O mesmo horizonte em 9:16: telão vertical, totem digital e story.
Produção gráfica
| Peça | Formato | Sangria | Segurança | Arquivo | Observação |
|---|---|---|---|---|---|
| Cartão de visita | 90 × 50 mm, couché 300 g | 3 mm | 3 mm | Logo em PDF CMYK do kit; arte final a fazer | Prova de cor na primeira tiragem. |
| Papel timbrado | A4, offset 90 g | — | 15 mm | DOCX e PDF do kit | Impressora comum resolve. |
| Crachá | 90 × 130 mm, PVC ou papel 300 g | 3 mm | 4 mm | Logo em PDF CMYK do kit; arte final a fazer | Furo para o cordão a 8 mm do topo. |
| Banner roll-up | 85 × 200 cm, lona fosca | conforme fornecedor | 50 mm (base 150 mm) | Logo em PDF CMYK do kit; arte final a fazer | Nada importante nos 15 cm de baixo. |
| Logo na parede | sob medida, PVC expandido ou letra caixa | — | área x livre | SVG do kit | Confirmar medida no local. |
| Post e story | 1080 × 1080 · 1080 × 1350 · 1080 × 1920 | — | 80 px · 250 px | SVG e PNG | Nada importante sob a interface do app. |
| Credencial por função | 100 × 140 mm, PVC ou papel 300 g, cordão de 20 mm | 3 mm | 5 mm | PDF CMYK (marco 3) | Fundo grafite: prova de cor do degradê. Só a faixa de função muda. |
| Programação | A5, couché 150 g fosco | 3 mm | 8 mm | PDF CMYK (marco 3) | Horários e salas confirmados antes de imprimir. |
| Agenda de reuniões | tela de celular e e-mail | — | margem 16 px | PDF e HTML (marco 3) | Com quem, quando e em que mesa; reunião cancelada sai da agenda com aviso. |
| Backdrop de palco | sob medida (ex.: 4 × 2,5 m), lona fosca ou tecido tensionado | conforme fornecedor | 100 mm; logo acima de 1,2 m do piso do palco | PDF CMYK (marco 3) | Fosco, para não refletir a luz. Confirmar medida no local. |
| Frente de púlpito | sob medida, adesivo fosco ou PVC | conforme fornecedor | área x livre | SVG do kit | Só o símbolo e as ondas; o nome fica no backdrop. |
| Convite digital | e-mail com 600 px de largura · 1080 × 1350 | — | 40 px | HTML e PNG (marco 3) | Aviso de privacidade, termo de imagem e de dados, Cadastur e descadastro no rodapé. |
| Relatório de oportunidades | A4, PDF digital | — | 20 mm | PDF (marco 3) | Dados de participantes só para a finalidade informada; nada de publicação. |
| Prisma de mesa | 300 × 100 mm dobrado em três, papel 300 g | 3 mm | 5 mm | PDF CMYK (marco 3) | Número legível de 3 m (cerca de 60 mm de altura). |
Recomendações para conferir com o fornecedor antes de produzir.
Tudo pronto para baixar
Kit da marca · v1.0 · 30/10/2026
239 arquivos · ZIP de 8,6 MB
Logos em RGB e em CMYK para gráfica, cores, carta náutica, ícones, animações em MP4 e GIF, som, tokens, textos prontos, PDFs e modelos de PowerPoint e Word, em pastas numeradas. Fontes, ícones neutros e o plano de implantação ficam no kit comum do ecossistema, que vale para as quatro marcas.
Mais usados
Marca para IA
Vai pedir um post, uma imagem ou um texto ao ChatGPT, Gemini, Claude ou Midjourney? Copie o prompt da marca e cole antes do pedido. Ele traz regras, cores, fontes, ondas e dados oficiais, e proíbe a IA de desenhar o logo ou inventar dados.
- Escolha um cartão abaixo, ou copie o prompt geral.
- Cole na IA e escreva o seu pedido logo depois.
- Aplique o logo do kit na peça final; a IA não desenha o logo.
Ver o prompt completo
# Marca Oceanos Events Global Bridge · briefing para IA (v1.0) Você vai criar material para a Oceanos Events Global Bridge. Leia tudo antes de começar. Se faltar alguma informação, pergunte; onde eu deixar um campo [ENTRE COLCHETES], mantenha o colchete para eu preencher. Nunca invente preço, prazo, contato, cliente, número, prêmio, avaliação ou depoimento. ## Sua tarefa Diga qual peça você quer (imagem, post, vídeo, texto, impresso ou tela) e siga as regras abaixo. ## Não negociável 1. O logotipo nunca é desenhado, redesenhado ou digitado por você. Em imagem, deixe uma área livre para aplicar o arquivo oficial; em layout, use o arquivo do kit. 2. O letreiro do logo é desenho fixo: nunca escreva o nome com a fonte Nico Moji para imitar o logo. 3. Cores só as da tabela abaixo. Degradê só o dourado do símbolo da Events Global Bridge, e só dentro do símbolo. 4. Escreva os nomes assim: Oceanos, Oceanos Shipping Agency, Oceanos Solutions, Oceanos Events Global Bridge. Nenhum nome antigo. 5. Textos sobre consultoria jurídica, despacho aduaneiro e seguros passam por revisão de um profissional antes de publicar; não faça promessa legal. 6. Dados oficiais que estão "a confirmar" ficam como [A CONFIRMAR]. 7. "Global Bridge" nunca sozinho: depois da primeira menção, "a Events Global Bridge". "Hub" é termo interno; no texto público, "Oceanos". ## Quem é a marca Oceanos Events Global Bridge: Encontros empresariais, fóruns, rodadas de negócios, missões e feiras, no Brasil e no exterior. Parte do ecossistema Oceanos: A Oceanos articula inteligência de mercado, desenvolvimento de negócios, atuação marítima e conexões empresariais para aproximar empresas de oportunidades no Brasil e no exterior. Símbolo: globo em rede sobre ondas. Um globo atravessado por uma rede de conexões, em dourado, sobre as ondas da Oceanos. É a única marca do ecossistema com degradê. Atributos de tom (definidos na entrevista do projeto; validar com a direção da Oceanos): consultiva, estratégica, internacional. ## Logotipo - Assinaturas que existem: horizontal (padrão), vertical (capas, espaços quadrados) e símbolo (avatar, favicon). Nenhuma outra montagem. - Versões: colorida (fundo escuro), colorida vazada (fundo escuro neutro), positiva (fundo claro), negativa (fundo escuro), preta e branca (uma cor). Colorida para fundo claro: derivada, aguardando conferência. - Área de proteção: a altura das letras do letreiro (a palavra Oceanos do logo) em volta do logo inteiro. - Tamanho mínimo: horizontal 200 px / 47 mm; vertical 160 px / 37 mm; símbolo 24 px / 7 mm. - Cuidados desta marca: - Degradê dourado em impresso: O símbolo colorido usa degradê (único do ecossistema). Em impressão peça prova de cor; em uma cor, use a positiva, a preta ou a branca. - Dourado não é cor de texto no claro: Os dourados do logo ficam abaixo de 4,5:1 sobre fundo claro. Texto no claro usa o Ouro Texto (adição) ou grafite. ## Cores | Nome | HEX | RGB | CMYK (referência, sem perfil) | Uso | |---|---|---|---|---| | Ouro | #BE9500 | 190 149 0 | 0 22 100 25 | Base do degradê do símbolo. Elementos grandes e fundos de marca. | | Ouro Escuro | #B48D00 | 180 141 0 | 0 22 100 29 | Início do degradê. Nunca texto pequeno no claro (3,0:1). | | Ouro Claro | #FDD74E | 253 215 78 | 0 15 69 1 | Texto, botão e destaque no tema escuro. | | Ouro Luz | #FFE587 | 255 229 135 | 0 10 47 0 | Brilho do degradê. Decorativo. | | Ouro Texto | #7A5F00 | 122 95 0 | 0 22 100 52 | Ouro escuro escurecido para texto, link e botão no tema claro: os dourados do logo não passam 4,5:1 sobre fundo claro. | | Grafite | #1F1F1F | 31 31 31 | 0 0 0 88 | Letreiro das versões positiva e preta, texto no claro e fundo do tema escuro. | | Névoa | #F1F1F1 | 241 241 241 | 0 0 0 5 | Letreiro das versões negativa e branca, interiores claros dos símbolos e fundo do tema claro. | Destaque da interface: #7A5F00 no tema claro (texto névoa por cima) e #FDD74E no tema escuro (texto grafite por cima). Contraste mínimo: texto 4,5:1 nos dois temas (claro e escuro). ## Tipografia - Outfit (100 a 900): títulos (500), texto (400), descritores em caixa alta finos (200) com cerca de 0,4 em de espaçamento. - Nico Moji: só títulos de destaque curtos, em caixa alta, sem acento (a fonte não tem acentos). Nunca para escrever o nome da marca. - Sem as fontes: Century Gothic ou Arial no lugar da Outfit. ## Layout e linguagem visual - Carta náutica (território comum): quatro ondas da mesma espessura, crista larga, nas cores da marca; o horizonte fica no terço de baixo da peça, e o conteúdo fica acima dele; coordenadas finas e rotas tracejadas como apoio. Um uso do sistema por peça. Elemento próprio desta frente: rede de nós e linhas (A rede do globo vira uma trama de pontos ligados por arcos: pessoas, empresas e mercados que se encontram.). Não use o elemento de outra frente. - Telas: biblioteca Zuik, bandejas flutuantes (raio 30, recuo 8) e peças em pílula de 44 px; raio de fora = raio de dentro + recuo. - Formatos: post 1080×1080 e 1080×1350, story 1080×1920 (área segura de 250 px em cima e embaixo), A4, cartão 90×50 mm, slide 16:9. ## Imagem, movimento e som Fotos com horizonte aberto, gente trabalhando de verdade, luz natural; sem globo brilhante, sem mapa-múndi com linhas genéricas, sem logos de terceiros. Movimento calmo como a maré (0,8 s, cubic-bezier(.4,0,.2,1)). A assinatura sonora atual é um esboço. ## Voz Consultiva e estratégica, internacional e sofisticada (definido na entrevista do projeto; validar com a direção da Oceanos). Voz detalhada na página de Estratégia. Tagline (proposta a validar, não use em campanha antes da aprovação): "Encontro com próximo passo." Comece pelo objetivo de quem lê e termine com o próximo passo. Português e inglês (hipótese a validar). ## Dados oficiais - Razão social: a confirmar - CNPJ: a confirmar - Endereço: a confirmar - E-mail: a confirmar - Telefone: a confirmar - Site oficial: a confirmar - Idiomas: português e inglês (hipótese a validar) ## Arquivos - Kit completo da marca em ZIP: /marca/oceanos-events-global-bridge/Oceanos-Events-Global-Bridge_Kit-da-Marca_v1.0.zip - Guia rápido (PDF): /marca/oceanos-events-global-bridge/00_LEIA-ME/Oceanos-Events-Global-Bridge_Guia-Rapido_v1.0.pdf - Logos para tela (SVG e PNG): /marca/oceanos-events-global-bridge/03_LOGOS/01_RGB-DIGITAL/ - Logos para gráfica (PDF e EPS em CMYK de referência): /marca/oceanos-events-global-bridge/03_LOGOS/04_CMYK-IMPRESSAO/ - Cores: /marca/oceanos-events-global-bridge/04_CORES/ - Carta náutica (ondas, horizonte, coordenadas e elemento da frente): /marca/oceanos-events-global-bridge/06_ELEMENTOS-GRAFICOS/ - Ícones: /marca/oceanos-events-global-bridge/07_ICONES/ - Animações (MP4 16:9, 9:16 e 1:1 e GIF): /marca/oceanos-events-global-bridge/09_MOTION/ - Textos prontos (bio, descrições, mensagens): /marca/oceanos-events-global-bridge/02_IDENTIDADE-VERBAL/ - Apresentação (PPTX) e papel timbrado (DOCX): /marca/oceanos-events-global-bridge/12_TEMPLATES/ - Tokens claro e escuro: /marca/oceanos-events-global-bridge/11_DIGITAL/ - Fontes: /marca/ecossistema/05_TIPOGRAFIA/ ## Checklist final - [ ] Logo aplicado a partir do arquivo oficial, na versão certa para o fundo. - [ ] Cores da tabela; texto com 4,5:1 ou mais. - [ ] Outfit no texto; Nico Moji só em destaque curto e sem acento. - [ ] Nenhum dado inventado; o que falta está [ENTRE COLCHETES]. - [ ] Nome da marca escrito do jeito certo.
Explorador do kit
Escolha uma pasta para ver o que há dentro. Cada arquivo mostra uma prévia e um botão por formato.
Convenção de nomes
Exemplo: Oceanos-Events-Global-Bridge_Logo_Horizontal_Positiva_RGB_v1.0.svg
Qual formato usar
| Formato | Quando usar |
|---|---|
| SVG | Site, Figma, Illustrator, qualquer tamanho sem perder qualidade |
| PNG | Word, PowerPoint, Canva, redes sociais |
| PDF e EPS CMYK | Gráfica, brinde, sinalização (conversão de referência: confirme com prova de cor) |
| ASE | Paleta no Photoshop e no Illustrator |
| JSON e CSS | Site e sistemas: cores e tokens dos dois temas |
| WAV e MP3 | Edição de vídeo (WAV) e uso rápido (MP3) |
| MP4 e GIF | Vídeo e redes (MP4); e-mail e apresentação sem vídeo (GIF) |
| PPTX e DOCX | Apresentação e documentos com as fontes e as cores da marca |
| XLSX e CSV | Checklist mestre, plano de implantação e manifesto do kit |
| TXT | Textos prontos para copiar: bio, descrições e mensagens |
| MD e JSON | Briefing da marca para outra IA (prompt e JSON) e DESIGN.md com os tokens para Google Stitch, v0 e agentes de código |
Checklist mestre
21 prontos · 3 parciais · 5 a fazer.
| Item | Status | Onde |
|---|---|---|
| Logotipo em 3 assinaturas × 6 versões (SVG e PNG) | pronto | ver |
| Versões derivadas conferidas pelo Kadu | a fazer | ver |
| Logos originais em PDF e EPS CMYK (conversão de referência) | pronto | ver |
| Avatar, favicon e ícone de app | pronto | ver |
| Paleta com HEX, RGB, CMYK de referência e contraste nos dois temas | pronto | ver |
| Prova de cor impressa e Pantone | a fazer | ver |
| Tipografia com licença e substitutas | pronto | ver |
| Carta náutica: ondas, horizonte, coordenadas, elemento da frente e biblioteca | pronto | ver |
| Direção e referências de fotografia | pronto | ver |
| Ensaio fotográfico real | a fazer | ver |
| Biblioteca de 59 ícones na cor da marca | pronto | ver |
| Ícones e ilustrações próprios da frente | pronto | ver |
| Animações: revelação, símbolo e carregando | pronto | ver |
| MP4 (16:9, 9:16 e 1:1) e GIF das três animações | pronto | ver |
| Assinatura sonora | parcial | ver |
| Componentes digitais nos dois temas | pronto | ver |
| Assinatura de e-mail | parcial | ver |
| Kit de redes e capas de destaque | pronto | ver |
| Papelaria, apresentação, crachá e sinalização (mockups) | pronto | ver |
| Apresentação (PPTX) e papel timbrado (DOCX e PDF) | pronto | ver |
| Artes finais para gráfica (cartão, crachá, banner) | a fazer | ver |
| Guia rápido em PDF | pronto | ver |
| Textos prontos: bio, descrições e mensagens | pronto | ver |
| Checklist mestre e plano de implantação em XLSX e CSV | pronto | ver |
| ZIP do kit completo | pronto | ver |
| Prompt da marca para IA | pronto | ver |
| Estratégia com fontes (em revisão) | parcial | ver |
| Estratégia em PDF (tema claro) | pronto | ver |
| Razão social, CNPJ e contatos oficiais | a fazer | ver |
Suporte e versões
Dúvida sobre a marca
Fale com o designer: Kadu Veronez, kaduveronez.com.
Pedido de mudança
Mande o que quer mudar e por quê. Toda mudança aprovada sobe a versão do manual e do kit.
Histórico
Versões do manual e do kit
v1.0 · 30/10/2026 · Prévia do marco 1: base multimarca (4 marcas, um template), página inicial do ecossistema, manual visual completo da Oceanos, páginas visuais das outras 3 marcas com logos, cores, tipografia e capítulos comuns; páginas de estratégia montadas a partir da pesquisa de cada marca (versão em revisão).




