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

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

Oceanos Solutions

Inteligência antes do investimento. C · Proposta

A frente de implantação comercial internacional do ecossistema Oceanos: diagnóstico, inteligência e prospecção, estrutura comercial, representação e gestão. Aqui está como usar a marca, nos temas claro e escuro.

Marca
Oceanos Solutions
Papel
Implantação comercial internacional
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,5 MB
Outra página
Estratégia e diretrizes
Plataforma, público, concorrentes, voz e implantação, com fontes.
A marca · Identidade

A estrutura que leva a empresa para fora

Um hexágono feito de células, como uma estrutura que se monta peça por peça, sobre as ondas da Oceanos. Estratégia, inteligência de mercado, prospecção e representação para empresas que expandem para o exterior ou entram no Brasil.

Atributo

Consultiva

Começa pelo diagnóstico do produto no mercado de destino e só depois propõe o caminho.

Atributo

Estratégica

Une inteligência, estrutura comercial e representação num ciclo com acompanhamento e relatórios.

Atributo

Internacional

Abre canais em outros mercados com a linguagem de cada um.

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

Diagnóstico e entrada

Competitividade, requisitos, riscos e estratégia de entrada no mercado de destino.

Inteligência e prospecção

Ferramenta Oceanos Insight: dados de mercado, leads qualificados e monitoramento.

Estrutura comercial

Site, posicionamento, materiais e apresentação corporativa.

Representação e parcerias

Feiras, missões, reuniões, distribuidores e parceiros.

Assessoria jurídica comercial

Contratos e compliance comercial; a apresentação do serviço é validada pelo advogado do cliente.

Gestão e desempenho

Relatórios, indicadores e ajustes da execução.

Fatos

ItemDado
Ferramenta própriaOceanos Insight: ferramenta da Oceanos Solutions, sem logo nem cor própria.
Ciclo de referênciaA proposta de referência prevê um ciclo inicial de 90 dias, renovável, com reuniões semanais (briefing).
PúblicoEmpresas que querem expandir para o exterior ou entrar no Brasil.
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

Inteligência antes do investimento.

Em inglês: Intelligence before investment.

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

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 SOLUTIONS identifica a frente. Escolha a versão pelo fundo, nunca pelo gosto.

xxtopo do letreirobase do letreiro · topo do descritorbase do descritor0.52xsímbololetreiro

Área de proteção

Deixe livre em volta do logotipo a medida x, a altura das letras do letreiro (9.1% da largura do horizontal). Num logotipo horizontal de 300 px de largura, x ≈ 27 px.

Construção

O símbolo tem a altura do logotipo inteiro; o letreiro começa a 0.52x 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 letreiro · topo do descritorbase do descritor0.52xsímbololetreiro

Assinaturas

Oceanos Solutions, horizontal positiva

Horizontal · principal

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

Oceanos Solutions, vertical positiva

Vertical

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

Oceanos Solutions, 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 Solutions, horizontal colorida

Horizontal · colorida

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

Oceanos Solutions, 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 Solutions, horizontal positiva

Horizontal · positiva

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

Oceanos Solutions, horizontal negativa

Horizontal · negativa

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

Oceanos Solutions, horizontal preta

Horizontal · preta

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

Oceanos Solutions, horizontal branca

Horizontal · branca

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

Derivadas

Oceanos Solutions, 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 Solutions, 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 Solutions, horizontal preta

Horizontal · preta

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

Oceanos Solutions, horizontal branca

Horizontal · branca

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

Oceanos Solutions, vertical preta

Vertical · preta

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

Oceanos Solutions, 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 Solutions, horizontal positiva

Acima de 150 px de largura

Horizontal.

Oceanos Solutions, vertical positiva

Espaço quadrado ou em pé

Vertical a partir de 120 px de largura.

Oceanos Solutions, símbolo coloridaOceanos Solutions, símbolo colorida

Pouco espaço

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

Redução mínima

Logotipo com 300 px300 px
Logotipo com 210 px210 px
Logotipo com 150 px150 px · mínimo
Logotipo abaixo do mínimo93 px · use o símbolo

Horizontal: mínimo 150 px na tela e 36 mm impresso. Vertical: 120 px e 28 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.

Oceanos Solutions, horizontal positiva

Positiva sobre névoa ou branco.

Oceanos Solutions, horizontal branca

Sim. Branca sobre a cor de marca.

Oceanos Solutions, horizontal negativa

Sim. Negativa sobre grafite.

Oceanos Solutions, horizontal colorida

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

Oceanos Solutions, horizontal colorida vazada

Sim. Colorida vazada sobre azul profundo.

Símbolo · Identidade

O hexágono sobre as ondas

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

Versões

Oceanos Solutions, símbolo colorida

Símbolo · colorida

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

Oceanos Solutions, 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 Solutions, símbolo positiva

Símbolo · positiva

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

Oceanos Solutions, símbolo negativa

Símbolo · negativa

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

Oceanos Solutions, símbolo preta

Símbolo · preta

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

Oceanos Solutions, 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 hexágono 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.

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.

Positiva e negativa trocadas nas horizontais. Nas horizontais, a positiva usa o círculo claro e a negativa o escuro; nas verticais e nas outras marcas é o contrário. A confirmar com o Kadu qual vale.

Cores · Sistema

Os verdes da estrutura

As cores saem do símbolo: verde profundo, verde floresta, verde sinal, verde claro, verde 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

Verde Profundo

Hexágono do símbolo. Texto, botão e destaque no tema claro; fundo de capa.

Primeira onda

Verde Floresta

Onda superior. Texto no claro (5,0:1).

Segunda onda

Verde Sinal

Texto, botão e destaque no tema escuro.

Terceira onda

Verde Claro

Decorativo: ondas, ilustração.

Quarta onda

Verde Espuma

Decorativo e fundos tingidos.

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: Verde Profundo #0B6A54 passa 6,3: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#0B6A54#00C268Botão principal, link, foco: o destaque da marca
Mais 6 tokens: fundo tingido, inverso e textos sobre o destaque
TokenClaroEscuroUso
--oc-primary-hover#085443#3DD68CBotão principal sob o ponteiro
--oc-on-primary#F1F1F1#1F1F1FTexto sobre o destaque
--oc-accent-soft#E2EDEA#243F33Fundo tingido (selos, avisos)
--oc-accent-ink#0B6A54#3DD68CTexto 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 #F1F1F1Verde Profundo #0B6A54Oceanos5,8:1AA textoTexto sobre o bloco de marca
Destaque claro #0B6A54Fundo claro #FAFAFAOceanos6,3:1AA textoLink, botão e título no claro
Névoa #F1F1F1Destaque claro #0B6A54Oceanos5,8:1AA textoTexto no botão principal (claro)
Destaque escuro #00C268Grafite #1F1F1FOceanos7,0:1AA textoLink e destaque no escuro
Grafite #1F1F1FDestaque escuro #00C268Oceanos7,0: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
Verde Floresta #0D7E29Fundo claro #FAFAFAOceanos5,0:1AA textoTeste da cor do logo como texto no claro
Verde Claro #8BFF9BFundo claro #FAFAFAOceanos1,2:1ReprovadoTeste da cor do logo como texto no claro
Verde Espuma #C6FFDCFundo claro #FAFAFAOceanos1,1: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

SOLUTIONS

O descritor SOLUTIONS é Outfit fina (200), em caixa alta, com cerca de 0,4 em de espaçamento. No logotipo ele tem 39% da altura do letreiro e ocupa a mesma largura. Em texto corrido, escreva o nome da frente em caixa normal: Oceanos Solutions.

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 à primeira reunião no exterior

Do diagnóstico à primeira reunião no exterior

DO DIAGNÓSTICO À PRIMEIRA REUNIÃO NO EXTERIOR

Do diagnóstico à primeira reunião no 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.

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, a tagline e uma onda na base. Para avisos e conteúdo do dia a dia.

Composição média

Média

Bloco verde com a grade e coordenadas sobre o horizonte livre: a composição-assinatura da Solutions.

Composição expressiva

Expressiva

Título de destaque em Nico Moji (sem acento) e ondas fortes. Para campanha, feira e missão.

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.

Elemento da frente

A1A4A7A10B6B9C2C5C8C11D1D4D7D10E3E6E9

Grade e coordenadas

A grade de hexágonos do símbolo vira um mapa de dados com coordenadas (A1, B2…): diagnóstico, prospecção e mercado.

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.

Apresentação institucionalIMPLANTAÇÃO COMERCIAL INTERNACIONAL

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.

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

A1A4A7A10B6B9C2C5C8C11D1D4D7D10E3E6E9

Grade e coordenadas

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

O mercado em projeção

A frente de inteligência desenha como cartógrafa de dados: projeções, grade hexagonal com coordenadas, rotas comerciais e diagramas de estrutura. 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).

Projeção e rotas: Globo em projeção ortográfica com rotas de círculo máximo, projetado numa grade hexagonal de mercados com coordenadas.
Projeção e rotas. Passe o mouse, toque ou use Tab nos traços para ler as cotas.

Biblioteca

Mais 2 pranchas da linguagem projeção e estrutura. Ligue as cotas ou passe o mouse nos traços.

Grade hexagonal: A construção do hexágono (raio, apótema, ângulos) e a grade com coordenadas axiais q e r.

02 · Grade hexagonal

A construção do hexágono (raio, apótema, ângulos) e a grade com coordenadas axiais q e r.

Diagrama de estrutura: Quatro placas em vista explodida isométrica: mercado, dados, estratégia e execução, alinhadas por linhas de chamada.

03 · Diagrama de estrutura

Quatro placas em vista explodida isométrica: mercado, dados, estratégia e execução, alinhadas por linhas de chamada.

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 #0B6A54 · traço #DAE4E1 · destaque #8BFF9B
Papel · clarofundo #F4F4F2 · traço #0B6A54 · destaque #0D7E29

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,8:1
Escuro7,6:16,9: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-Solutions_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 Solutions ainda não tem fotos próprias. As três referências abaixo são imagens fictícias geradas por IA, feitas para orientar o ensaio e a escolha de banco de imagens: o mercado lido sobre a mesa, o dado na tela e a conversa na feira, sempre com gente trabalhando e luz natural. Elas não representam projetos, clientes ou eventos realizados.

Referências

Mesa de diagnóstico: imagem fictícia gerada por IAGerada por IA · fictícia

Mesa de diagnóstico

Vista de cima: mapa-múndi impresso sem nomes, notebook, caderno e duas mãos apontando regiões. Para diagnóstico, proposta e posts de método.

JPG
Painel de inteligência: imagem fictícia gerada por IAGerada por IA · fictícia

Painel de inteligência

Analista de costas diante de um painel abstrato, com barras, linhas e mapa escuro com rotas verdes. Para inteligência e relatórios; não é a tela do Oceanos Insight.

JPG
Conversa na feira: imagem fictícia gerada por IAGerada por IA · fictícia

Conversa na feira

Duas pessoas de perfil num estande simples, sem sinalização, com visitantes desfocados ao fundo. Para feiras, missões e representação.

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 e difusa: janela de escritório, mesa clara, pavilhão de feira com luz ambiente. Sem flash direto, sem neon e sem sala escura iluminada só pela tela.

Enquadramento

Gente trabalhando, de perfil, de costas ou só as mãos; olhar para a câmera, só no retrato da equipe. O mapa e o dado aparecem como ferramenta, na mesa ou na tela, com alguém lendo.

Tratamento

Cor natural e contraste moderado: madeira, neutros e o verde profundo que já está na cena. Telas e papéis sem texto legível; nunca pinte a foto de verde nem acrescente brilho.

Faça e evite

Faça

  • Mesa de trabalho real: mapa impresso, notebook, caderno e mãos apontando
  • Dado na tela com uma pessoa lendo, em escritório com luz do dia
  • Conversa em feira ou reunião, de perfil, com o fundo desfocado

Evite

  • Globo brilhante, aperto de mãos entre bandeiras e mapa com linhas de conexão só como enfeite
  • Robô, cérebro digital, neon e sala escura cheia de telas
  • Números, nomes de empresas ou dados de clientes legíveis em telas e papéis
  • Bandeiras, logos de terceiros e estandes com marca de outra empresa

Briefing do ensaio

CenaO que mostrarUso
DiagnósticoMesa vista de cima: mapa impresso sem nomes, notebook, caderno e mãos apontando regiõesProposta, relatório de diagnóstico, posts de método
InteligênciaAnalista de costas diante de um painel abstrato, luz do dia, tela sem números legíveisPosts sobre o Oceanos Insight, apresentação
Reunião semanalDuas ou três pessoas à mesa, de perfil, com o relatório impresso ou na telaCiclo de 90 dias, LinkedIn, site
Feira e missãoConversa de perfil num estande simples, sem sinalização, visitantes desfocadosRepresentação, feiras, missões comerciais
DetalheMãos com caneta sobre o mapa impresso ou o caderno de anotaçõesPosts de conteúdo, capas de destaque
EquipeRetrato de cada responsável, fundo neutro, luz de janelaSite, LinkedIn, proposta

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

Diagnóstico

Lupa, mapa e documento: ler o mercado de destino antes de investir.

Inteligência e prospecção

Painel, funil e alvo: o Oceanos Insight encontra e qualifica contatos.

Feiras e missões

Credencial, viagem e parceria: a representação no mercado de destino.

Ciclo de 90 dias

Agenda, gráfico e conversa: reunião semanal e relatório com o próximo passo.

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 hexágono se monta célula a célula, de baixo para cima, 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 a 1,2 s fundo; 0,45 a 2,2 s células; 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 as células do hexágono sobem e assentam uma a uma. 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

Montagem só em movimento: as células do hexágono chegam uma a uma na revelação e sobem no loop; parado, o hexágono é sempre o do arquivo, inteiro e no tamanho original.

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 (3 s de animação)
Vídeo horizontal, site, apresentaçãoRevelação 16:91920 × 10803,6 s (3 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

Estrutura que se monta

Esboço da assinatura sonora: A maré comum às quatro marcas e três toques curtos que sobem, como células que se encaixam, fechando num acorde. 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,45 sTrês toques sobem em sequência
0,95 sO acorde fecha a estrutura
2,8 sFim

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 #0B6A54 (claro) e #00C268 (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
Diagnóstico e entradaCompetitividade, requisitos, riscos e estratégia de entrada no mercado de destino.
Inteligência e prospecçãoFerramenta Oceanos Insight: dados de mercado, leads qualificados e monitoramento.
ConhecerFalar com a equipe
Tema escurofundo grafite · bandeja #2A2A2A
Logotipo no tema escuro
Diagnóstico e entradaCompetitividade, requisitos, riscos e estratégia de entrada no mercado de destino.
Inteligência e prospecçãoFerramenta Oceanos Insight: dados de mercado, leads qualificados e monitoramento.
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 #00C268 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.

Diagnóstico e entradaCompetitividade, requisitos, riscos e estratégia de entrada no mercado de destino.
Inteligência e prospecçãoFerramenta Oceanos Insight: dados de mercado, leads qualificados e monitoramento.
Estrutura comercialSite, posicionamento, materiais e apresentação corporativa.
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 Solutions
[Nome Sobrenome]
[Cargo] · Oceanos Solutions
[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.

Inteligência antesdo investimento. PROPOSTA COMERCIAL[Empresa]Implantação comercial · ciclo de 90 dias [NOME COMPLETO][CARGO]

Pasta de proposta

Aberta: bolsos em verde profundo com as ondas, proposta comercial à direita e cartão de visita no encaixe.

DIAGNÓSTICO · MERCADO DE DESTINO01Leitura do mercadoA2B7C1C8 A2A8C2D8RELATÓRIO DE DIAGNÓSTICODiagnósticode mercado[Empresa] · [mercado de destino] · [mês e ano]

Relatório de diagnóstico

Capa com a grade e coordenadas sobre o horizonte livre; miolo com o mapa do mercado de destino.

Oceanos InsightMercadosContatosRelatóriosDados de exemploMapa de mercadosA1A6A11B3B8C10D2D7E4E9F1F6F11G3G8H5H10Mercado B · C512 contatos · exemplocontatos qualificados: poucos → muitosContatos qualificados[Empresa A]DistribuidorC5[Empresa B]ImportadorC6[Empresa C]DistribuidorD5[Empresa D]Parceiro localB6Agendar reunião

Tela do Oceanos Insight

Mockup fictício: mapa de mercados em grade e contatos de exemplo. Assina com a logo da Solutions e o nome em texto.

Nova mensagemPara[nome do decisor] · [cargo] · [Empresa]Assunto[produto] · distribuição em [país]Olá, [nome],Podemos conversar 20 minutos na semana de [data]? [Nome Sobrenome][Cargo] · Oceanos Solutions[e-mail] · [telefone]Dados de [fontes listadas], com base legal registrada.Para sair da lista, responda “sair”.Modelo: revise os campos antes de enviarEnviar

E-mail de prospecção

Modelo com campos a preencher e a assinatura; no fim, a origem dos dados e como sair da lista, em toda mensagem.

RELATÓRIO SEMANALSemana [nº] · [data]Exemplo · dados fictícios24Leads gerados9Oportunidades abertas4Reuniões realizadas2Negociações em andamentoLeads por mercadoMercado A12Mercado B8Mercado C4Próximos passos[ação] · [responsável] · [data]Fonte: [origem de cada número] · período: [datas]

Relatório semanal

Uma página: leads, oportunidades, reuniões e negociações, com fonte e próximos passos. Números de exemplo.

[endereço da página a confirmar]Inteligência antes do investimento. Oceanos SolutionsImplantação comercial internacional[setor] · [cidade] · [nº de seguidores]SeguirMensagemInícioSobrePublicações Oceanos Solutions[data da publicação]

Página no LinkedIn

Capa com a grade e a tagline, logo quadrada com o símbolo branco; endereço e números a preencher.

Mockups fotorrealistas

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

Pasta e cartões: cena fictícia gerada por IA com o logo oficial aplicadoCena gerada por IA · logo oficial aplicado

Pasta e cartões

Pasta com a logo vertical positiva impressa na capa; cartões com o símbolo positivo e com a horizontal colorida para fundo claro.

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

solutionsImplantação comercial internacional[bio curta da marca][link oficial a confirmar]

Perfil de exemplo

Avatar, bio, destaques e grade com o horizonte. Competitividade, requisitos, riscos e estratégia de entrada no mercado de destino.

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 Solutions
Bio
Estratégia, inteligência de mercado, prospecção e representação para empresas que expandem para o exterior ou entram no Brasil.
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.

Inteligência antesdo investimento.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.
Relatório de diagnósticoA4, capa couché 250 g, miolo 120 g3 mm10 mmPDF CMYKCapa em verde profundo: prova de cor na primeira tiragem.
Relatório semanalA4 digital, uma página—15 mmPDFTodo número com fonte e período; exemplo sempre rotulado.
Pasta de propostaFechada 220 × 310 mm, cartão 350 g, bolsos e encaixe de cartão3 mm5 mmPDF CMYK com facaFaca, vinco e cola com o fornecedor.
E-mail de prospecçãoHTML, até 600 px de largura——HTMLOrigem dos dados e descadastro em toda mensagem.
Capa da página no LinkedIn1128 × 191 px—texto no centroPNGConferir a medida atual na plataforma antes de subir.

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

239 arquivos · ZIP de 8,5 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 Solutions · briefing para IA (v1.0)

Você vai criar material para a Oceanos Solutions. 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 Solutions: Estratégia, inteligência de mercado, prospecção e representação para empresas que expandem para o exterior ou entram no Brasil.
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: hexágono em grade sobre ondas. Um hexágono feito de células, como uma estrutura que se monta peça por peça, sobre as ondas da Oceanos.
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 150 px / 36 mm; vertical 120 px / 28 mm; símbolo 24 px / 7 mm.
- Cuidados desta marca:
- Positiva e negativa trocadas nas horizontais: Nas horizontais, a positiva usa o círculo claro e a negativa o escuro; nas verticais e nas outras marcas é o contrário. A confirmar com o Kadu qual vale.

## Cores
| Nome | HEX | RGB | CMYK (referência, sem perfil) | Uso |
|---|---|---|---|---|
| Verde Profundo | #0B6A54 | 11 106 84 | 90 0 21 58 | Hexágono do símbolo. Texto, botão e destaque no tema claro; fundo de capa. |
| Verde Floresta | #0D7E29 | 13 126 41 | 90 0 67 51 | Onda superior. Texto no claro (5,0:1). |
| Verde Sinal | #00C268 | 0 194 104 | 100 0 46 24 | Texto, botão e destaque no tema escuro. |
| Verde Claro | #8BFF9B | 139 255 155 | 45 0 39 0 | Decorativo: ondas, ilustração. |
| Verde Espuma | #C6FFDC | 198 255 220 | 22 0 14 0 | Decorativo e fundos tingidos. |
| 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: #0B6A54 no tema claro (texto névoa por cima) e #00C268 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: grade e coordenadas (A grade de hexágonos do símbolo vira um mapa de dados com coordenadas (A1, B2…): diagnóstico, prospecção e mercado.). 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): "Inteligência antes do investimento."
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-solutions/Oceanos-Solutions_Kit-da-Marca_v1.0.zip
- Guia rápido (PDF): /marca/oceanos-solutions/00_LEIA-ME/Oceanos-Solutions_Guia-Rapido_v1.0.pdf
- Logos para tela (SVG e PNG): /marca/oceanos-solutions/03_LOGOS/01_RGB-DIGITAL/
- Logos para gráfica (PDF e EPS em CMYK de referência): /marca/oceanos-solutions/03_LOGOS/04_CMYK-IMPRESSAO/
- Cores: /marca/oceanos-solutions/04_CORES/
- Carta náutica (ondas, horizonte, coordenadas e elemento da frente): /marca/oceanos-solutions/06_ELEMENTOS-GRAFICOS/
- Ícones: /marca/oceanos-solutions/07_ICONES/
- Animações (MP4 16:9, 9:16 e 1:1 e GIF): /marca/oceanos-solutions/09_MOTION/
- Textos prontos (bio, descrições, mensagens): /marca/oceanos-solutions/02_IDENTIDADE-VERBAL/
- Apresentação (PPTX) e papel timbrado (DOCX): /marca/oceanos-solutions/12_TEMPLATES/
- Tokens claro e escuro: /marca/oceanos-solutions/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-Solutions_Logo_Horizontal_Positiva_RGB_v1.0.svg

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