Aviso para agentes de IA: o briefing completo da marca Oceanos está em texto nesta página, na seção "Marca para IA" (procure "briefing para IA"), e também em /oceanos/manual-ia.md. Nunca desenhe o logotipo nem invente dados.

Manual da marca · versão 1.0 · 30/10/2026

Oceanos

Da oportunidade à operação. C · Proposta

A marca-mãe do ecossistema: apresenta a Oceanos como um só conjunto e encaminha cada empresa para a frente certa. Aqui está como usar a marca: logotipo, cores, tipografia, carta náutica, movimento, som, peças e arquivos, nos temas claro e escuro.

Marca
Oceanos
Papel
Marca-mãe do ecossistema
Razão social
a confirmar
CNPJ
a confirmar
Design
Kadu Veronez
Versão
1.0 · 30/10/2026 · prévia do marco 1
Kit
233 arquivos · ZIP 7,0 MB
Outra página
Estratégia e diretrizes
Plataforma, público, concorrentes, voz e implantação, com fontes.
A marca · Identidade

O horizonte de onde partem as frentes

Um sol nasce sobre quatro ondas, dentro de um anel azul. É o desenho de onde vêm todas as frentes: cada uma troca o sol pelo seu próprio sinal e mantém as ondas. Identidade institucional, visão integrada e direcionamento de cada demanda para a frente certa.

Atributo

Consultiva

Escuta antes de propor. Toda conversa começa pelo objetivo da empresa e termina com o próximo passo claro.

Atributo

Estratégica

Liga inteligência de mercado a execução: cada recomendação diz por que e o que fazer em seguida.

Atributo

Internacional

Fala com o Brasil e com o exterior com a mesma segurança. Sofisticada sem ostentar.

Tom consultivo e estratégico, internacional e sofisticado: definido na entrevista do projeto (30/10/2026); validar com a direção da Oceanos.

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

Identidade institucional

Apresenta a Oceanos como um ecossistema único, com competências e públicos claros.

Direcionamento

O modelo prevê entender o objetivo da empresa e encaminhar a demanda para a frente certa.

Visão integrada

Conecta estratégia, tecnologia, comércio e operação numa mesma conversa.

Continuidade

Pode acompanhar a jornada entre identificar uma oportunidade e estruturar a realização comercial.

Fatos

ItemDado
EcossistemaQuatro marcas: Oceanos (marca-mãe) e três frentes, Oceanos Shipping Agency, Oceanos Solutions e Oceanos Events Global Bridge.
PapelCamada institucional e de entrada: contextualiza a empresa, apresenta as frentes e direciona cada demanda.
AtuaçãoBrasil e exterior: inteligência de mercado, desenvolvimento de negócios, atuação marítima e conexões empresariais.
Dados oficiaisRazã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

Tagline

C · Proposta

Da oportunidade à operação.

Em inglês: From opportunity to operation.

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.

Continua na página Estratégia e diretrizes
Plataforma de marca
Posicionamento, proposta de valor, valores e o que sustenta cada afirmação.
Logotipo · Identidade

O letreiro e o sol nascente

Três assinaturas (horizontal, vertical e símbolo) em seis versões de cor. O letreiro, a palavra Oceanos desenhada, é comum às quatro marcas. Escolha a versão pelo fundo, nunca pelo gosto.

xxtopo do letreirobase do letreiro0.59xsímbololetreiro

Á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.59x do símbolo. O letreiro tem as formas da Nico Moji, mas é desenho fixo: nunca digite o nome para imitar o logotipo.

Diagrama do logotipo
xxtopo do letreirobase do letreiro0.59xsímbololetreiro

Assinaturas

Oceanos, horizontal positiva

Horizontal · principal

Cabeçalho de site e de documento, assinatura de e-mail, apresentação. Primeira escolha sempre que houver largura.

Oceanos, vertical positiva

Vertical

Capas, cartazes, banner em pé, telas quadradas e o fim de vídeos.

Oceanos, símbolo colorida

Símbolo

Avatar, favicon e ícone de app. Sozinho só onde o nome já aparece por perto ou não cabe.

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

Oceanos, horizontal colorida

Horizontal · colorida

Versão principal, desenhada para fundo escuro: o letreiro é névoa e o símbolo leva todas as cores.

Oceanos, horizontal colorida vazada

Horizontal · colorida vazada

O interior do símbolo é vazado e deixa o fundo aparecer. Só sobre fundo escuro neutro ou foto escura.

Oceanos, horizontal positiva

Horizontal · positiva

Uma cor, grafite, com o interior do símbolo claro. Fundo claro, documentos, impressão em preto.

Oceanos, horizontal negativa

Horizontal · negativa

Uma cor, névoa, com o interior do símbolo escuro. Fundo escuro.

Oceanos, horizontal preta

Horizontal · preta

Grafite chapado, interior vazado. Carimbo, gravação e impressão em uma cor sobre fundo claro.

Oceanos, horizontal branca

Horizontal · branca

Névoa chapada, interior vazado. Vinil, serigrafia e gravação sobre fundo escuro.

Derivadas

Oceanos, horizontal colorida para fundo claro

Horizontal · colorida para fundo claro derivada

A colorida com o letreiro em grafite, para fundo claro. Derivada dos originais: aguardando conferência.

Oceanos, vertical colorida para fundo claro

Vertical · colorida para fundo claro derivada

A colorida com o letreiro em grafite, para fundo claro. Derivada dos originais: aguardando conferência.

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

Oceanos, horizontal preta

Horizontal · preta

Grafite chapado, interior vazado. Carimbo, gravação e impressão em uma cor sobre fundo claro.

Oceanos, horizontal branca

Horizontal · branca

Névoa chapada, interior vazado. Vinil, serigrafia e gravação sobre fundo escuro.

Oceanos, vertical preta

Vertical · preta

Grafite chapado, interior vazado. Carimbo, gravação e impressão em uma cor sobre fundo claro.

Oceanos, vertical branca

Vertical · branca

Névoa chapada, interior vazado. Vinil, serigrafia e gravação sobre fundo escuro.

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

Oceanos, horizontal positiva

Acima de 100 px de largura

Horizontal.

Oceanos, vertical positiva

Espaço quadrado ou em pé

Vertical a partir de 80 px de largura.

Oceanos, símbolo coloridaOceanos, símbolo colorida

Pouco espaço

Só o símbolo, a partir de 24 px.

Redução mínima

Logotipo com 200 px200 px
Logotipo com 140 px140 px
Logotipo com 100 px100 px · mínimo
Logotipo abaixo do mínimo62 px · use o símbolo

Horizontal: mínimo 100 px na tela e 24 mm impresso. Vertical: 80 px e 19 mm. Símbolo: 24 px e 7 mm. O limite vem do letreiro: abaixo disso ele fica com menos de 9 px de altura.

Sobre fotos e fundos

Troque o fundo do exemplo: o palco mostra a versão certa para cada um.

Oceanos, horizontal positiva

Positiva sobre névoa ou branco.

Oceanos, horizontal branca

Sim. Branca sobre a cor de marca.

Oceanos, horizontal negativa

Sim. Negativa sobre grafite.

Oceanos, horizontal colorida

Não. Colorida original sobre fundo claro: o letreiro em névoa some (1,1:1).

Oceanos, horizontal colorida vazada

Não. Colorida vazada sobre azul profundo. Some o anel: veja Usos incorretos.

Símbolo · Identidade

O sol sobre as ondas

O símbolo sem o letreiro: sol nascendo sobre ondas. É o rosto da marca no perfil, no navegador e no crachá, e funciona como marca d'água.

Versões

Oceanos, símbolo colorida

Símbolo · colorida

Avatar, favicon e selo. Funciona sobre fundo claro e escuro.

Oceanos, símbolo colorida vazada

Símbolo · colorida vazada

O interior do símbolo é vazado e deixa o fundo aparecer. Só sobre fundo escuro neutro ou foto escura.

Oceanos, símbolo positiva

Símbolo · positiva

Uma cor, grafite, com o interior do símbolo claro. Fundo claro, documentos, impressão em preto.

Oceanos, símbolo negativa

Símbolo · negativa

Uma cor, névoa, com o interior do símbolo escuro. Fundo escuro.

Oceanos, símbolo preta

Símbolo · preta

Grafite chapado, interior vazado. Carimbo, gravação e impressão em uma cor sobre fundo claro.

Oceanos, símbolo branca

Símbolo · branca

Névoa chapada, interior vazado. Vinil, serigrafia e gravação sobre fundo escuro.

Prontos para usar

Avatar

Perfis da marca e foto de contato. Quadrado de 1080 px na cor de marca; a rede recorta em círculo e o símbolo fica na área segura.

Favicon em 64 pxFavicon em 32 pxFavicon em 16 px

Favicon e ícone de app

Símbolo branco sobre a cor de marca, cantos arredondados. Abaixo de 16 px o desenho das ondas some.

Símbolo animado

Ondas que respiram

As quatro ondas sobem e descem em sequência, como a maré, e o sol faz o seu movimento próprio. Loop de 4,8 s. Para avatar animado, abertura de story e fim de vídeo curto.

ItemValor
Duração4,8 s em loop
Formato1:1 · 1080 × 1080
ArquivosMP4 1:1, 16:9 e 9:16 e GIF de 480 px
FundoNévoa ou branco; sobre a cor de marca, use a versão branca

Marca d'água

Texto da peça
vem por cima

22%

Fundo de marca liso, capa de apresentação.

Texto da peça
vem por cima

12%

Fundo claro: relatório, proposta, papelaria.

Texto da peça
vem por cima

8%

Atrás de título grande sobre grafite.

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

AvatarAvatarCírculo, 1080 px
Ícone de appÍcone de app180 e 512 px
FaviconFavicon32 e 64 px
Símbolo no tamanho mínimoMínimo24 px · 7 mm

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.

Usos incorretos · Identidade

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.

OCEANOS

Digitar o letreiro

O letreiro é desenho. Texto digitado na Nico Moji não substitui o arquivo do logo.

Vazada sobre azul profundo

O anel #0B206A some no fundo #0B206A e o sol vira buraco. Use a branca ou a negativa.

Cuidados desta marca

Achados da leitura dos arquivos originais.

A colorida-vazada some sobre azul profundo. O anel do símbolo é #0B206A: sobre o mesmo azul, só as ondas aparecem. Use a colorida-vazada sobre grafite ou foto escura, nunca sobre azul profundo.

A colorida tem o letreiro em névoa. O arquivo original colorido foi desenhado para fundo escuro. Em fundo claro, use a positiva ou a colorida para fundo claro (derivada, aguardando conferência).

Cores · Sistema

Os azuis do oceano

As cores saem do símbolo: azul profundo, azul oceano, azul mar, azul claro, azul espuma, sobre os neutros comuns às quatro marcas, grafite e névoa. Cada cor tem papel definido no tema claro e no escuro.

Principais

Principal

Azul Profundo

Anel do símbolo. Texto, botão e destaque no tema claro; fundo de capa e de composição.

Primeira onda

Azul Oceano

Onda superior. Texto e títulos no claro; faixas de apoio.

Segunda onda

Azul Mar

Onda do meio. Só em elementos grandes no claro (gráficos, ondas, ícones de 24 px ou mais).

Terceira onda

Azul Claro

Destaque e texto no tema escuro; realce sobre azul profundo.

Quarta onda

Azul Espuma

Onda da base. Fundos tingidos, ilustração e realce no escuro.

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.

Neutro escuro

Grafite

Letreiro das versões positiva e preta, texto no claro e fundo do tema escuro.

Neutro claro

Névoa

Letreiro das versões negativa e branca, interiores claros dos símbolos e fundo do tema claro.

Apoio da interface (adição)

Cinza 200

Fundo atrás de peças névoa (adição)

Cinza 300

Fios e divisórias (adição)

Cinza 500

Fios fortes e ícones inativos (adição)

Cinza 700

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

Exemplo

Envio concluído, etapa aprovada, confirmação. Texto sobre o fundo tingido: 4,4:1.

Atenção

Exemplo

Prazo próximo, documento pendente, revisão. Texto sobre o fundo tingido: 4,9:1.

Erro

Exemplo

Campo inválido, falha no envio, ação destrutiva. Texto sobre o fundo tingido: 4,4:1.

Informação

Exemplo

Avisos neutros e selos: é o próprio destaque da marca.

Adições para contraste

Nenhuma adição foi necessária: Azul Profundo #0B206A passa 14,1:1 como texto sobre o fundo claro. As adições de contraste existem só nas marcas cujo destaque não passa 4,5:1 (laranjas da Shipping Agency e dourados da Events Global Bridge).

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.

TokenClaroEscuroUso
--oc-canvas#FAFAFA#1F1F1FFundo da página
--oc-tray#FAFAFA#2A2A2ABandejas (cartões, menus, painéis)
--oc-part#F1F1F1#383838Peças: botões, campos, linhas
--oc-part-hover#E8E8E8#404040Peça sob o ponteiro
--oc-part-soft#F7F7F7#333333Linha aberta, prévia, fundo de tabela
--oc-ink#1F1F1F#F1F1F1Texto principal
--oc-ink-muted#575D63#ABB1B6Texto secundário, rótulos
--oc-primary#0B206A#8BDDFFBotão principal, link, foco: o destaque da marca
Mais 6 tokens: fundo tingido, inverso e textos sobre o destaque
TokenClaroEscuroUso
--oc-primary-hover#07174F#B0E8FFBotão principal sob o ponteiro
--oc-on-primary#F1F1F1#1F1F1FTexto sobre o destaque
--oc-accent-soft#E2E4ED#384348Fundo tingido (selos, avisos)
--oc-accent-ink#0B206A#B0E8FFTexto sobre o fundo tingido
--oc-inverse#1F1F1F#F1F1F1Peça invertida (aviso, item ativo)
--oc-on-inverse#F1F1F1#1F1F1FTexto 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.

Passe o mouse, toque ou use as setas em cada faixa.

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.

TextoFundoAmostraContrasteResultadoUso
Grafite #1F1F1FNévoa #F1F1F1Oceanos14,6:1AA textoTexto no claro
Névoa #F1F1F1Azul Profundo #0B206AOceanos13,0:1AA textoTexto sobre o bloco de marca
Destaque claro #0B206AFundo claro #FAFAFAOceanos14,1:1AA textoLink, botão e título no claro
Névoa #F1F1F1Destaque claro #0B206AOceanos13,0:1AA textoTexto no botão principal (claro)
Destaque escuro #8BDDFFGrafite #1F1F1FOceanos10,9:1AA textoLink e destaque no escuro
Grafite #1F1F1FDestaque escuro #8BDDFFOceanos10,9:1AA textoTexto no botão principal (escuro)
Névoa #F1F1F1Grafite #1F1F1FOceanos14,6:1AA textoTexto no escuro
Cinza 700 #575D63Névoa #F1F1F1Oceanos5,9:1AA textoTexto secundário no claro
Azul Oceano #0D497EFundo claro #FAFAFAOceanos8,9:1AA textoTeste da cor do logo como texto no claro
Azul Mar #008AC2Fundo claro #FAFAFAOceanos3,7:1AA texto grande e íconeTeste da cor do logo como texto no claro
Azul Espuma #AEDEFFFundo claro #FAFAFAOceanos1,4:1ReprovadoTeste 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.

Texto
Fundo
Título de exemploTexto corrido de 16 px para conferir a leitura.
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.

Tipografia · Sistema

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

100200300400500600700

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

SHIPPING AGENCY

SOLUTIONS

EVENTS GLOBAL BRIDGE

A Oceanos não tem descritor: o letreiro sozinho é a marca-mãe. Nas frentes, o descritor é Outfit fina (200), em caixa alta, com cerca de 0,4 em de espaçamento, alinhado à largura do letreiro. Use o mesmo estilo para rótulos curtos, nunca para frases.

Hierarquia

EstiloAmostraMedidasUso
destaqueNOVOS MERCADOSNico Moji 400 · 56/56Título de destaque de campanha e capa. Só palavras sem acento.
titulo-1Conexões que viram negóciosOutfit 500 · 44/48Título de página e de peça.
titulo-2Do diagnóstico à negociaçãoOutfit 500 · 28/34Título de seção.
subtituloInteligência de mercado e execuçãoOutfit 400 · 20/28Linha fina, abertura de parágrafo.
textoA Oceanos aproxima empresas de oportunidades no Brasil e no exterior.Outfit 400 · 16/26Texto corrido em tela. Impresso: 10 a 11 pt.
descritorSHIPPING AGENCYOutfit 200 · 14/18Descritor das frentes e rótulos curtos. Nunca em frase longa.
rotuloFRENTE · SOLUTIONSOutfit 500 · 13/16Rótulos de seção e etiquetas.

Teste de título

Exemplos
Caracteres
0
Palavras
0
Linhas no título
1

Ideal: até 60 caracteres, em no máximo duas linhas.

Do diagnóstico à negociação, uma conversa só

Do diagnóstico à negociação, uma conversa só

DO DIAGNÓSTICO À NEGOCIAÇÃO, UMA CONVERSA SÓ

Do diagnóstico à negociação, uma conversa só

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.

Grid e grafismos · Sistema

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

2
4
5
8
13
16
24
32
48
96

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

22 · linha
pílula
30

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

Faixa de ondas

Rodapé de slide, capa de vídeo, base de banner. Largura cheia.

Faixa de ondas larga

Painel de evento e fundo de palco: quatro períodos, mais calma.

Módulo repetível

Um período exato: repita lado a lado em qualquer largura, sem corte.

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.

Composição simples

Simples

Fundo névoa, símbolo, título e uma onda na base. Para avisos e conteúdo do dia a dia.

Composição média

Média

Bloco de marca com o horizonte e o sol: a composição-assinatura do ecossistema.

Composição expressiva

Expressiva

Título de destaque em Nico Moji (sem acento) e ondas fortes. Para campanha e evento.

Carta náutica · Sistema

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

crista no centroespessura 0,048 Ppasso 0,063 PP = período (crista a crista) · amplitude 0,055 P · 4 ondas, da mais escura para a mais clara

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

conteúdo: título, texto, logohorizonte · 2/3 da altura

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

10°20°30°40°50°60°70°10°20°30°N

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.

Pranchas

Quatro composições de referência com o sistema.

Apresentação institucionalMARCA-MÃE DO ECOSSISTEMA

Capa de apresentação

Bloco de marca com coordenadas finas, título em cima do horizonte, ondas na base.

02Mercados

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.

OCEANOSBrasil e exterior

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.

Faixa de ondas

Rodapé de slide, capa de vídeo, base de banner. Largura cheia.

Faixa de ondas larga

Painel de evento e fundo de palco: quatro períodos, mais calma.

Módulo repetível

Um período exato: repita lado a lado em qualquer largura, sem corte.

Onda única

Fio de destaque e divisor de seção. Uma onda só, na cor da segunda onda.

Horizonte

Fundo de capa: linha no terço de baixo, sol e ondas.

Horizonte vertical

Story e capa de vídeo vertical.

10°20°30°40°50°60°70°10°20°30°N

Carta náutica comum

Fundo de capa e de divisor: o elemento do sistema com horizonte e ondas.

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.

Desenho técnico · Sistema

A carta, traço a traço

A marca-mãe desenha como cartógrafa: graticule, isóbatas, rumos e rota. É o horizonte da marca visto de cima. Desenhos ilustrativos: cotas, coordenadas e nomes são fictícios.

Prancha · Papel

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

Carta náutica: Graticule, batimetria em isóbatas, rumos da rosa dos ventos e uma rota fictícia. A prancha-mãe do ecossistema.
Carta náutica. Passe o mouse, toque ou use Tab nos traços para ler as cotas.

Biblioteca

Mais 2 pranchas da linguagem carta náutica. Ligue as cotas ou passe o mouse nos traços.

Rosa dos ventos: Anel verdadeiro graduado a 1°, anel magnético deslocado e 32 rumos. Para capas, mapas e aberturas.

02 · Rosa dos ventos

Anel verdadeiro graduado a 1°, anel magnético deslocado e 32 rumos. Para capas, mapas e aberturas.

Perfil batimétrico: Corte do fundo com sondagem por eco: nível médio, fundo, banco e escala de profundidade. Para dados e relatórios.

03 · Perfil batimétrico

Corte do fundo com sondagem por eco: nível médio, fundo, banco e escala de profundidade. Para dados e relatórios.

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

a · silhueta · 2b · aresta · 1,25c · detalhe · 0,8kc · centro · traço-ponto
Prancha · escurofundo #0B206A · traço #DADCE4 · destaque #8BDDFF
Papel · clarofundo #F4F4F2 · traço #0B206A · destaque #008AC2

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.

TemaTexto na telaSobre o fundo
Claro6,4:15,6:1
Escuro7,6:16,5: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_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%.

Fotografia · Sistema

Horizonte aberto, gente no trabalho

A Oceanos ainda não tem fotos próprias. As referências abaixo são ilustrações fictícias, feitas para orientar o ensaio e a escolha de banco de imagens: horizonte aberto, gente trabalhando de verdade, luz natural. Elas não representam projetos, clientes ou eventos realizados.

Referências

Porto ao amanhecer: imagem fictícia gerada por IAGerada por IA · fictícia

Porto ao amanhecer

Horizonte baixo, sol nascendo atrás dos guindastes, água calma. Abre apresentações e capas.

JPG
Mesa de reunião: imagem fictícia gerada por IAGerada por IA · fictícia

Mesa de reunião

Pessoas de perfil numa conversa de trabalho, documentos e tela aberta. Para a Oceanos e a Solutions.

JPG
Fórum de negócios: imagem fictícia gerada por IAGerada por IA · fictícia

Fórum de negócios

Palco com tela, plateia de costas, luz do evento. Para a Events e notícias do ecossistema.

JPG

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

Natural, de manhã cedo ou fim de tarde: o horizonte da marca. Sem flash direto e sem filtro de cor.

Enquadramento

Horizonte no terço de baixo, muito céu ou muita água. Pessoas trabalhando, de perfil ou de costas; olhando para a câmera, só em retrato da equipe.

Tratamento

Cor natural com contraste moderado. Os azuis da cena acompanham a paleta; nunca pinte a foto inteira de azul.

Faça e evite

Faça

  • Mar, porto, navio e horizonte reais
  • Reuniões, apertos de mão e eventos com gente de verdade
  • Documentos e telas sem dados de clientes

Evite

  • Banco de imagem com globo brilhante e pessoas sorrindo para a câmera
  • Mapa-múndi com linhas de conexão genéricas
  • Logos de terceiros, placas e telas legíveis

Briefing do ensaio

CenaO que mostrarUso
HorizonteMar ao amanhecer, horizonte no terço inferiorCapas, apresentação, site
PortoGuindastes e navio atracado, de longeShipping Agency e Oceanos
ReuniãoMesa de trabalho com duas ou três pessoas, de perfilSolutions e Oceanos
EventoPalco e plateia de costas, luz do eventoEvents Global Bridge
DetalheMãos sobre documentos, caneta, tabletPosts de conteúdo
EquipeRetrato de cada responsável, fundo neutroSite, 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).

Ícones e ilustração · Sistema

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

GloboEcossistema
BússolaEcossistema
RedeEcossistema
RotaEcossistema
HorizonteEcossistema
OndasEcossistema
FarolEcossistema
PonteEcossistema
HubEcossistema
MensagemEcossistema
IdiomaEcossistema
Sol nascenteEcossistema
ÂncoraMarítimo
LemeMarítimo
NavioMarítimo
ContêinerMarítimo
GuindasteMarítimo
BoiaMarítimo
PortoMarítimo
VistoriaMarítimo
EscudoMarítimo
TripulaçãoMarítimo
MediçãoMarítimo
GráficoNegócios
AlvoNegócios
BuscaNegócios
DocumentoNegócios
ContratoNegócios
ParceriaNegócios
MaletaNegócios
EstruturaNegócios
CrescimentoNegócios
FunilNegócios
MapaNegócios
PainelNegócios
PalcoEventos
MicrofoneEventos
CredencialEventos
CalendárioEventos
AviãoEventos
PessoasEventos
HorárioEventos
BandeiraEventos
CaféEventos
IngressoEventos
BaixarInterface
CopiarInterface
LinkInterface
E-mailInterface
TelefoneInterface
LocalInterface
ConfirmarInterface
AlertaInterface
InformaçãoInterface
SetaInterface
MaisInterface
FecharInterface
EditarInterface
CompartilharInterface

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

O ecossistema

A Oceanos no centro e as frentes em volta.

Expansão internacional

Globo, rota e missão: a Solutions e a Events.

Operação marítima

Navio, guindaste e carga: a Shipping Agency.

Conexões

Pessoas, ponte e parceria: o que os eventos criam.

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

Mercado AMercado BMercado C321912

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.

Movimento · Sistema

Calmo como a maré

O movimento do ecossistema é o da maré: as ondas sobem uma de cada vez, de baixo para cima, o sol nasce por trás delas, 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

2,5 s, termina no logotipo vertical parado. Abertura e fim de vídeo, capa do site.

Etapas: 0,1 a 1,4 s ondas; 0,3 a 2,4 s sol; 1,3 a 2,5 s letreiro.

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 o sol desce um pouco atrás das ondas e volta. 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. 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

O sol só se move na animação: parado, ele fica sempre na posição do arquivo, cortado pelas ondas.

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

UsoAnimaçãoFormatoDuração
Abertura ou fim de Reels e storiesRevelação 9:161080 × 19203,6 s (2,5 s de animação)
Vídeo horizontal, site, apresentaçãoRevelação 16:91920 × 10803,6 s (2,5 s de animação)
Post em vídeo, avatar animadoSímbolo em loop 1:11080 × 1080 · GIF 480 px4,8 s em loop
Fundo de tela e de storySímbolo em loop 16:9 e 9:161920 × 1080 · 1080 × 19204,8 s em loop
Espera no site e em apresentaçãoCarregando1:1, 16:9, 9:16 · GIF 480 px1,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.

Identidade sonora · Sistema

Maré e nascer do sol

Esboço da assinatura sonora: Uma onda de ruído filtrado sobe e desce como a maré; no topo, uma quinta aberta (sol e ré) acende junto com o sol do símbolo. A maré é comum às quatro marcas; o motivo muda por frente.

0,0 s

Esboço Sintetizado para orientar a produção com um músico. Não use em anúncio antes da versão final.

Estrutura

0,0 sA maré começa baixa
0,6 sA onda chega ao topo
0,9 sQuinta aberta: o sol nasce
2,8 sA nota se apaga com a maré

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.

WAV e MP3

WAV para edição de vídeo; MP3 para uso rápido.

Digital · Uso e entrega

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 #0B206A (claro) e #8BDDFF (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

Tema clarofundo #FAFAFA · bandeja #FAFAFA
Logotipo no tema claro
Identidade institucionalApresenta a Oceanos como um ecossistema único, com competências e públicos claros.
DirecionamentoO modelo prevê entender o objetivo da empresa e encaminhar a demanda para a frente certa.
ConhecerFalar com a equipe
Tema escurofundo grafite · bandeja #2A2A2A
Logotipo no tema escuro
Identidade institucionalApresenta a Oceanos como um ecossistema único, com competências e públicos claros.
DirecionamentoO modelo prevê entender o objetivo da empresa e encaminhar a demanda para a frente certa.
ConhecerFalar com a equipe

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 #8BDDFF 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.

Identidade institucionalApresenta a Oceanos como um ecossistema único, com competências e públicos claros.
DirecionamentoO modelo prevê entender o objetivo da empresa e encaminhar a demanda para a frente certa.
Visão integradaConecta estratégia, tecnologia, comércio e operação numa mesma conversa.
Painel · raio 30 = linha 22 + recuo 8
Fale conoscoAgenda
Barra · 54 de altura, raio 27 = peça 22 + recuo 5
E-mail de trabalho
Peça · o campo tem 44 de altura e o ícone 18: sobram 26, então o ícone fica a 13 da borda em cima, embaixo e na ponta.

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

TokenValorUso
--oc-espaco-22pxEscala de espaço
--oc-espaco-44pxEscala de espaço
--oc-espaco-55pxEscala de espaço
--oc-espaco-88pxEscala de espaço
--oc-espaco-1313pxEscala de espaço
--oc-espaco-1616pxEscala de espaço
--oc-espaco-2424pxEscala de espaço
--oc-espaco-3232pxEscala de espaço
--oc-espaco-4848pxEscala de espaço
--oc-espaco-9696pxEscala de espaço
--oc-raio-peca22pxPeça (pílula de 44)
--oc-raio-barra27pxBarra de uma linha (54)
--oc-raio-painel30pxBandeja e painel
--oc-raio-tela38pxTela que hospeda folhas

As cores com valor para cada tema estão em Cores › Tema claro e escuro.

Assinatura de e-mail

Oceanos
[Nome Sobrenome]
[Cargo] · Oceanos
[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

Aplicações · Uso e entrega

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.

[NOME COMPLETO][CARGO][e-mail] · [telefone][site oficial a confirmar]

Cartão de visita

Frente na cor de marca com o logotipo branco e as ondas; verso névoa com os campos.

[razão social e CNPJ a confirmar] · [endereço a confirmar]

Papelaria

Papel timbrado A4 e envelope: logotipo positivo no topo, ondas no rodapé.

Apresentação institucional02Divisor de seção

Apresentação

Capa com o horizonte, slide de conteúdo e divisor de seção.

Para: [destinatário]Assunto: Reunião de alinhamento [Nome Sobrenome][Cargo] · Oceanos[e-mail] · [telefone]

Assinatura de e-mail

Símbolo, nome, cargo e contato, centrados na vertical.

oceanosMarca-mãe do ecossistema[bio curta da marca][link oficial a confirmar]

Perfil nas redes

Avatar, bio, capas de destaque e grade de posts com o horizonte.

[NOME][Empresa]PARTICIPANTEQR

Crachá de evento

Faixa de marca com o logotipo, nome, empresa e ondas na base.

Mockups fotorrealistas

O logo oficial aplicado em cenas do dia a dia da marca.

Fachada: cena fictícia gerada por IA com o logo oficial aplicadoCena gerada por IA · logo oficial aplicado

Fachada

Letra-caixa branca com relevo sobre a placa azul-marinho, logo horizontal branca com a área de proteção livre.

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

oceanosMarca-mãe do ecossistema[bio curta da marca][link oficial a confirmar]

Perfil de exemplo

Avatar, bio, destaques e grade com o horizonte. Apresenta a Oceanos como um ecossistema único, com competências e públicos claros.

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
Bio
Identidade institucional, visão integrada e direcionamento de cada demanda para a frente certa.
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.

Post · simples

Post · simples

Post · horizonte

Post · horizonte

Post · destaque

Post · destaque

Post 4:5 · horizonte

Post 4:5 · horizonte

Story · chamada

Story · chamada

Avatar

Avatar

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

[NOME COMPLETO][CARGO][e-mail] · [telefone][site oficial a confirmar]

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.

[razão social e CNPJ a confirmar] · [endereço a confirmar]

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 institucional02Divisor de seçã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.

03Próximos passos

Divisor de seção

Fundo névoa, número grande em Nico Moji (sem acento) e uma faixa de ondas.

Crachá e credenciais

[NOME][Empresa]PARTICIPANTEQR

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

[mensagem do evento]

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.

Do diagnósticoà negociação.Fale com a equipe

Tela de evento e story

O mesmo horizonte em 9:16: telão vertical, totem digital e story.

Produção gráfica

PeçaFormatoSangriaSegurançaArquivoObservação
Cartão de visita90 × 50 mm, couché 300 g3 mm3 mmLogo em PDF CMYK do kit; arte final a fazerProva de cor na primeira tiragem.
Papel timbradoA4, offset 90 g—15 mmDOCX e PDF do kitImpressora comum resolve.
Crachá90 × 130 mm, PVC ou papel 300 g3 mm4 mmLogo em PDF CMYK do kit; arte final a fazerFuro para o cordão a 8 mm do topo.
Banner roll-up85 × 200 cm, lona foscaconforme fornecedor50 mm (base 150 mm)Logo em PDF CMYK do kit; arte final a fazerNada importante nos 15 cm de baixo.
Logo na paredesob medida, PVC expandido ou letra caixa—área x livreSVG do kitConfirmar medida no local.
Post e story1080 × 1080 · 1080 × 1350 · 1080 × 1920—80 px · 250 pxSVG e PNGNada importante sob a interface do app.

Recomendações para conferir com o fornecedor antes de produzir.

Arquivos e suporte · Uso e entrega

Tudo pronto para baixar

Kit da marca · v1.0 · 30/10/2026

233 arquivos · ZIP de 7,0 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.

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.

  1. Escolha um cartão abaixo, ou copie o prompt geral.
  2. Cole na IA e escreva o seu pedido logo depois.
  3. Aplique o logo do kit na peça final; a IA não desenha o logo.
Ver o prompt completo
# Marca Oceanos · briefing para IA (v1.0)

Você vai criar material para a Oceanos. 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: Identidade institucional, visão integrada e direcionamento de cada demanda para a frente certa.
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: sol nascendo sobre ondas. Um sol nasce sobre quatro ondas, dentro de um anel azul. É o desenho de onde vêm todas as frentes: cada uma troca o sol pelo seu próprio sinal e mantém as ondas.
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 100 px / 24 mm; vertical 80 px / 19 mm; símbolo 24 px / 7 mm.
- Cuidados desta marca:
- A colorida-vazada some sobre azul profundo: O anel do símbolo é #0B206A: sobre o mesmo azul, só as ondas aparecem. Use a colorida-vazada sobre grafite ou foto escura, nunca sobre azul profundo.
- A colorida tem o letreiro em névoa: O arquivo original colorido foi desenhado para fundo escuro. Em fundo claro, use a positiva ou a colorida para fundo claro (derivada, aguardando conferência).

## Cores
| Nome | HEX | RGB | CMYK (referência, sem perfil) | Uso |
|---|---|---|---|---|
| Azul Profundo | #0B206A | 11 32 106 | 90 70 0 58 | Anel do símbolo. Texto, botão e destaque no tema claro; fundo de capa e de composição. |
| Azul Oceano | #0D497E | 13 73 126 | 90 42 0 51 | Onda superior. Texto e títulos no claro; faixas de apoio. |
| Azul Mar | #008AC2 | 0 138 194 | 100 29 0 24 | Onda do meio. Só em elementos grandes no claro (gráficos, ondas, ícones de 24 px ou mais). |
| Azul Claro | #8BDDFF | 139 221 255 | 45 13 0 0 | Destaque e texto no tema escuro; realce sobre azul profundo. |
| Azul Espuma | #AEDEFF | 174 222 255 | 32 13 0 0 | Onda da base. Fundos tingidos, ilustração e realce no escuro. |
| 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: #0B206A no tema claro (texto névoa por cima) e #8BDDFF 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.
- 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): "Da oportunidade à operação."
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/Oceanos_Kit-da-Marca_v1.0.zip
- Guia rápido (PDF): /marca/oceanos/00_LEIA-ME/Oceanos_Guia-Rapido_v1.0.pdf
- Logos para tela (SVG e PNG): /marca/oceanos/03_LOGOS/01_RGB-DIGITAL/
- Logos para gráfica (PDF e EPS em CMYK de referência): /marca/oceanos/03_LOGOS/04_CMYK-IMPRESSAO/
- Cores: /marca/oceanos/04_CORES/
- Carta náutica (ondas, horizonte, coordenadas e elemento da frente): /marca/oceanos/06_ELEMENTOS-GRAFICOS/
- Ícones: /marca/oceanos/07_ICONES/
- Animações (MP4 16:9, 9:16 e 1:1 e GIF): /marca/oceanos/09_MOTION/
- Textos prontos (bio, descrições, mensagens): /marca/oceanos/02_IDENTIDADE-VERBAL/
- Apresentação (PPTX) e papel timbrado (DOCX): /marca/oceanos/12_TEMPLATES/
- Tokens claro e escuro: /marca/oceanos/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_Logo_Horizontal_Positiva_RGB_v1.0.svg

Oceanosmarca
Logocategoria
Horizontalassinatura: Horizontal, Vertical, Simbolo
Positivaversão: Colorida, Positiva, Negativa, Preta, Branca…
RGBmodo: RGB (tela), CMYK (gráfica)
v1.0versão do kit; nunca “final”

Qual formato usar

FormatoQuando usar
SVGSite, Figma, Illustrator, qualquer tamanho sem perder qualidade
PNGWord, PowerPoint, Canva, redes sociais
PDF e EPS CMYKGráfica, brinde, sinalização (conversão de referência: confirme com prova de cor)
ASEPaleta no Photoshop e no Illustrator
JSON e CSSSite e sistemas: cores e tokens dos dois temas
WAV e MP3Edição de vídeo (WAV) e uso rápido (MP3)
MP4 e GIFVídeo e redes (MP4); e-mail e apresentação sem vídeo (GIF)
PPTX e DOCXApresentação e documentos com as fontes e as cores da marca
XLSX e CSVChecklist mestre, plano de implantação e manifesto do kit
TXTTextos prontos para copiar: bio, descrições e mensagens
MD e JSONBriefing 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.

ItemStatusOnde
Logotipo em 3 assinaturas × 6 versões (SVG e PNG)prontover
Versões derivadas conferidas pelo Kadua fazerver
Logos originais em PDF e EPS CMYK (conversão de referência)prontover
Avatar, favicon e ícone de appprontover
Paleta com HEX, RGB, CMYK de referência e contraste nos dois temasprontover
Prova de cor impressa e Pantonea fazerver
Tipografia com licença e substitutasprontover
Carta náutica: ondas, horizonte, coordenadas, elemento da frente e bibliotecaprontover
Direção e referências de fotografiaprontover
Ensaio fotográfico reala fazerver
Biblioteca de 59 ícones na cor da marcaprontover
Ícones e ilustrações próprios da frenteprontover
Animações: revelação, símbolo e carregandoprontover
MP4 (16:9, 9:16 e 1:1) e GIF das três animaçõesprontover
Assinatura sonoraparcialver
Componentes digitais nos dois temasprontover
Assinatura de e-mailparcialver
Kit de redes e capas de destaqueprontover
Papelaria, apresentação, crachá e sinalização (mockups)prontover
Apresentação (PPTX) e papel timbrado (DOCX e PDF)prontover
Artes finais para gráfica (cartão, crachá, banner)a fazerver
Guia rápido em PDFprontover
Textos prontos: bio, descrições e mensagensprontover
Checklist mestre e plano de implantação em XLSX e CSVprontover
ZIP do kit completoprontover
Prompt da marca para IAprontover
Estratégia com fontes (em revisão)parcialver
Estratégia em PDF (tema claro)prontover
Razão social, CNPJ e contatos oficiaisa fazerver

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