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
Estratégia e diretrizes
Plataforma, público, concorrentes, voz e implantação, com fontes.
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
| Item | Dado |
|---|---|
| Ecossistema | Quatro marcas: Oceanos (marca-mãe) e três frentes, Oceanos Shipping Agency, Oceanos Solutions e Oceanos Events Global Bridge. |
| Papel | Camada institucional e de entrada: contextualiza a empresa, apresenta as frentes e direciona cada demanda. |
| Atuação | Brasil e exterior: inteligência de mercado, desenvolvimento de negócios, atuação marítima e conexões empresariais. |
| Dados oficiais | Razão social, CNPJ, endereço e contatos: a confirmar. |
Fonte: Briefing do Notion (snapshot de 30/10/2026). Nenhum número, cliente ou prêmio foi incluído porque o briefing não traz prova.
Assinatura
Tagline
C · PropostaDa 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.
Plataforma de marca
Posicionamento, proposta de valor, valores e o que sustenta cada afirmação.
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.
Á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.
Assinaturas
Essas são as únicas assinaturas: as três vêm dos arquivos originais. Não monte o símbolo ao lado de outro logo do mesmo tamanho nem crie versões com tagline embaixo sem aprovação.
Versões de cor
Cada prévia está sobre o fundo para o qual a versão foi feita. SVG para site e design, PNG para Word, PowerPoint e redes, PDF e EPS em CMYK para gráfica (conversão de referência: peça prova de cor).
Derivadas
Derivada, aguardando conferência: geradas a partir dos originais (letreiro em grafite #1F1F1F, ou o símbolo todo em grafite), para o tema claro e para impressão em preto. Não substituem os originais até o Kadu conferir e, por isso, ainda não têm PDF e EPS em CMYK.
Uma cor
Preta e branca têm o interior do símbolo vazado: o fundo aparece por dentro. Para gravação, carimbo, bordado e serigrafia.
Logo responsivo
Acima de 100 px de largura
Horizontal.
Espaço quadrado ou em pé
Vertical a partir de 80 px de largura.
Pouco espaço
Só o símbolo, a partir de 24 px.
Redução mínima
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.
Positiva sobre névoa ou branco.
Negativa sobre grafite.
Branca sobre a cor de marca.
Branca sobre foto escura, sem textura forte atrás do letreiro.
Sim. Branca sobre a cor de marca.
Sim. Negativa sobre grafite.
Não. Colorida original sobre fundo claro: o letreiro em névoa some (1,1:1).
Não. Colorida vazada sobre azul profundo. Some o anel: veja Usos incorretos.
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
Prontos para usar
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.
| Item | Valor |
|---|---|
| Duração | 4,8 s em loop |
| Formato | 1:1 · 1080 × 1080 |
| Arquivos | MP4 1:1, 16:9 e 9:16 e GIF de 480 px |
| Fundo | Névoa ou branco; sobre a cor de marca, use a versão branca |
Marca d'água
vem por cima
vem por cima
vem por cima
Marca d’água é sempre tom sobre tom e fica atrás de áreas sem texto. Use a branca ou a preta com 8 a 25% de opacidade, nunca a colorida.
Tamanhos de referência
O símbolo nas 4 marcas
As quatro marcas dividem o círculo e as ondas; muda o sinal acima delas. Toque num símbolo para abrir o manual daquela marca.
Seis coisas que a marca não faz
Distorcer
Nunca estique nem achate. Redimensione pelo canto, com a proporção travada.
Girar
O logotipo fica sempre na horizontal, inclusive em peças inclinadas.
Trocar as cores
Só as versões do kit. Nada de recolorir o símbolo ou o letreiro.
Aplicar efeitos
A marca é chapada: sem sombra, brilho, relevo ou contorno.
Digitar o letreiro
O letreiro é desenho. Texto digitado na Nico Moji não substitui o arquivo do logo.
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).
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
Azul Profundo
Anel do símbolo. Texto, botão e destaque no tema claro; fundo de capa e de composição.
Azul Oceano
Onda superior. Texto e títulos no claro; faixas de apoio.
Azul Mar
Onda do meio. Só em elementos grandes no claro (gráficos, ondas, ícones de 24 px ou mais).
Azul Claro
Destaque e texto no tema escuro; realce sobre azul profundo.
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.
Grafite
Letreiro das versões positiva e preta, texto no claro e fundo do tema escuro.
Névoa
Letreiro das versões negativa e branca, interiores claros dos símbolos e fundo do tema claro.
Apoio da interface (adição)
Fundo atrás de peças névoa (adição)
Fios e divisórias (adição)
Fios fortes e ícones inativos (adição)
Texto secundário no claro (adição)
Funcionais
Só para estado de interface e de processo. Nunca como cor de peça de comunicação.
Sucesso
ExemploEnvio concluído, etapa aprovada, confirmação. Texto sobre o fundo tingido: 4,4:1.
Atenção
ExemploPrazo próximo, documento pendente, revisão. Texto sobre o fundo tingido: 4,9:1.
Erro
ExemploCampo inválido, falha no envio, ação destrutiva. Texto sobre o fundo tingido: 4,4:1.
Informação
ExemploAvisos neutros e selos: é o próprio destaque da marca.
Adições para contraste
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.
| Token | Claro | Escuro | Uso |
|---|---|---|---|
--oc-canvas | #FAFAFA | #1F1F1F | Fundo da página |
--oc-tray | #FAFAFA | #2A2A2A | Bandejas (cartões, menus, painéis) |
--oc-part | #F1F1F1 | #383838 | Peças: botões, campos, linhas |
--oc-part-hover | #E8E8E8 | #404040 | Peça sob o ponteiro |
--oc-part-soft | #F7F7F7 | #333333 | Linha aberta, prévia, fundo de tabela |
--oc-ink | #1F1F1F | #F1F1F1 | Texto principal |
--oc-ink-muted | #575D63 | #ABB1B6 | Texto secundário, rótulos |
--oc-primary | #0B206A | #8BDDFF | Botão principal, link, foco: o destaque da marca |
Mais 6 tokens: fundo tingido, inverso e textos sobre o destaque
| Token | Claro | Escuro | Uso |
|---|---|---|---|
--oc-primary-hover | #07174F | #B0E8FF | Botão principal sob o ponteiro |
--oc-on-primary | #F1F1F1 | #1F1F1F | Texto sobre o destaque |
--oc-accent-soft | #E2E4ED | #384348 | Fundo tingido (selos, avisos) |
--oc-accent-ink | #0B206A | #B0E8FF | Texto sobre o fundo tingido |
--oc-inverse | #1F1F1F | #F1F1F1 | Peça invertida (aviso, item ativo) |
--oc-on-inverse | #F1F1F1 | #1F1F1F | Texto sobre a peça invertida |
Proporção
Proposta para uma peça típica no tema claro. No escuro, grafite e névoa trocam de lugar.
Base
- Onde usar
- Cuidado
- Valor
Contraste
Calculado no build pela fórmula do WCAG 2.2. Texto normal precisa de 4,5:1; texto grande e ícones, 3:1.
| Texto | Fundo | Amostra | Contraste | Resultado | Uso |
|---|---|---|---|---|---|
Grafite #1F1F1F | Névoa #F1F1F1 | Oceanos | 14,6:1 | AA texto | Texto no claro |
Névoa #F1F1F1 | Azul Profundo #0B206A | Oceanos | 13,0:1 | AA texto | Texto sobre o bloco de marca |
Destaque claro #0B206A | Fundo claro #FAFAFA | Oceanos | 14,1:1 | AA texto | Link, botão e título no claro |
Névoa #F1F1F1 | Destaque claro #0B206A | Oceanos | 13,0:1 | AA texto | Texto no botão principal (claro) |
Destaque escuro #8BDDFF | Grafite #1F1F1F | Oceanos | 10,9:1 | AA texto | Link e destaque no escuro |
Grafite #1F1F1F | Destaque escuro #8BDDFF | Oceanos | 10,9:1 | AA texto | Texto no botão principal (escuro) |
Névoa #F1F1F1 | Grafite #1F1F1F | Oceanos | 14,6:1 | AA texto | Texto no escuro |
Cinza 700 #575D63 | Névoa #F1F1F1 | Oceanos | 5,9:1 | AA texto | Texto secundário no claro |
Azul Oceano #0D497E | Fundo claro #FAFAFA | Oceanos | 8,9:1 | AA texto | Teste da cor do logo como texto no claro |
Azul Mar #008AC2 | Fundo claro #FAFAFA | Oceanos | 3,7:1 | AA texto grande e ícone | Teste da cor do logo como texto no claro |
Azul Espuma #AEDEFF | Fundo claro #FAFAFA | Oceanos | 1,4:1 | Reprovado | Teste da cor do logo como texto no claro |
Calculadora de contraste
Escolha a cor do texto e a do fundo: a conta é a mesma do WCAG 2.2, feita no navegador.
- Contraste
- 14,6:1
- Texto normal (4,5:1)
- passa
- Texto grande e ícone (3:1)
- passa
- Valores
- #1F1F1F sobre #F1F1F1
Tela e impressão
Tela
Use HEX ou RGB, perfil sRGB. Os SVG e PNG do kit já estão nesse padrão.
Gráfica
O CMYK desta página é conversão direta, sem perfil: serve de ponto de partida. Peça prova de cor antes da primeira tiragem.
Pantone
A definir com a gráfica a partir da prova. Nada de número Pantone sem conferência.
Um letreiro desenhado, um texto que respira
Nico Moji, a fonte em que o letreiro do logotipo foi desenhado, só para títulos de destaque; Outfit para todo o resto, do descritor fino ao texto corrido. As duas valem para as quatro marcas.
Famílias
Nico Moji · destaque
AA 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Títulos de destaque, em caixa alta e com moderação. É a fonte em que o letreiro do logotipo foi desenhado: nunca recompor o logotipo com texto digitado.
Limite: Não tem acentos nem cedilha (conferido no arquivo da fonte): use só em palavras sem acento, como nomes das marcas, palavras em inglês e números. Título com acento vai em Outfit.
Outfit · texto e títulos
Aa 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz áàâãéêíóôõúç 0123456789
Títulos, textos, botões e rótulos. Os descritores das logos (SHIPPING AGENCY, SOLUTIONS, EVENTS GLOBAL BRIDGE) usam a Outfit fina, em caixa alta, com cerca de 0,4 em de espaçamento.
O descritor
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
| Estilo | Amostra | Medidas | Uso |
|---|---|---|---|
| destaque | NOVOS MERCADOS | Nico Moji 400 · 56/56 | Título de destaque de campanha e capa. Só palavras sem acento. |
| titulo-1 | Conexões que viram negócios | Outfit 500 · 44/48 | Título de página e de peça. |
| titulo-2 | Do diagnóstico à negociação | Outfit 500 · 28/34 | Título de seção. |
| subtitulo | Inteligência de mercado e execução | Outfit 400 · 20/28 | Linha fina, abertura de parágrafo. |
| texto | A Oceanos aproxima empresas de oportunidades no Brasil e no exterior. | Outfit 400 · 16/26 | Texto corrido em tela. Impresso: 10 a 11 pt. |
| descritor | SHIPPING AGENCY | Outfit 200 · 14/18 | Descritor das frentes e rótulos curtos. Nunca em frase longa. |
| rotulo | FRENTE · SOLUTIONS | Outfit 500 · 13/16 | Rótulos de seção e etiquetas. |
Teste de título
- Caracteres
- 0
- Palavras
- 0
- Linhas no título
- 1
Ideal: até 60 caracteres, em no máximo duas linhas.
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.
Tudo no módulo de 8
Margens generosas, um destaque por peça e o horizonte no terço de baixo. O módulo de 8 organiza as peças gráficas; as telas seguem a geometria de bandejas e peças da Zuik.
Grades por formato
Post 1080 × 1080 · margem 80
Story 1080 × 1920 · área segura
Slide 16:9 · margem 96
A4 · margem 20 mm
A linha cheia é o horizonte: no terço de baixo, com o conteúdo acima dela (veja Carta náutica). No story, as faixas de 250 px em cima e embaixo ficam sob a interface do aplicativo: nada de texto nelas.
Escala de espaço e raios
Espaço
Módulo de 8 nas peças gráficas. Na tela, a escala da Zuik: 2 entre peças numa barra · 5 recuo da barra · 8 recuo do painel · 13 ícone na ponta da pílula · 16 texto na peça · 24 e 32 entre blocos · 48 e 96 entre seções.
Raios concêntricos
Raio de fora = raio de dentro + recuo. Painel 30 = linha 22 + 8; barra 27 = peça 22 + 5; tela 38 = painel 30 + 8. Peças são pílulas.
Elementos gráficos
O sistema completo, com horizonte, coordenadas, rotas, pranchas e regras, está no capítulo Carta náutica.
Composição
Três intensidades. Escolha pela importância da mensagem, não pela vontade de variar.
A carta náutica
A linguagem própria do ecossistema é a carta náutica: as quatro ondas que estão na base de todo símbolo, o horizonte que organiza a página, as coordenadas e as rotas. É o mesmo desenho nas quatro marcas; muda a paleta, e cada frente soma um elemento próprio. Gera peças reconhecíveis mesmo sem o logotipo por perto.
Ondas
Medidas tiradas do SVG do símbolo: as quatro ondas têm a mesma espessura e o mesmo passo, e a crista fica no centro. Na faixa, o desenho se repete por períodos.
A regra do horizonte
Linha a 2/3 da altura. Em peças altas (story), a 62–66%.
Sobre a linha nasce o sol (na Oceanos) ou fica livre; o sinal da frente nunca é redesenhado no horizonte.
Abaixo da linha, as ondas. Acima, o conteúdo, com a margem do formato.
Fio do horizonte na cor clara da marca, 2 px em tela.
Coordenadas e rotas
Coordenadas: meridianos e paralelos finos, a cada 1/8 da largura, com graus em Outfit fina nas bordas. Opacidade de 12 a 30%.
Rota: linha tracejada que liga marcos e termina numa seta: o caminho de uma demanda até a operação.
Rosa dos ventos: quatro pontas e o N, só em capa e em mapa. Nunca como ícone pequeno.
São comuns às quatro marcas. O elemento próprio de cada frente vem por cima, nunca no lugar.
Elemento da frente
A Oceanos usa o sistema comum. Cada frente soma um elemento próprio, sem repetir o das outras:
Marcas de calado
Shipping Agency: A escala de calado pintada no casco: números a cada 2 decímetros e o metro marcado com M. Sinal de medição e precisão da frente marítima.
Grade e coordenadas
Solutions: A grade de hexágonos do símbolo vira um mapa de dados com coordenadas (A1, B2…): diagnóstico, prospecção e mercado.
Rede de nós e linhas
Events Global Bridge: A rede do globo vira uma trama de pontos ligados por arcos: pessoas, empresas e mercados que se encontram.
Pranchas
Quatro composições de referência com o sistema.
Capa de apresentação
Bloco de marca com coordenadas finas, título em cima do horizonte, ondas na base.
Divisor de seção
Fundo névoa, número em Nico Moji e uma faixa de ondas atravessando.
Documento A4
Horizonte fino no rodapé e as ondas só na base da página.
Post 4:5
O horizonte com o sol nascendo: a composição-assinatura.
Ondas em movimento
A faixa desliza devagar, um período a cada 12 s, em loop perfeito. O mesmo desenho, nas cores de cada marca.
Biblioteca
Módulos para baixar, nas cores da marca. SVG editável em Figma, Illustrator e Canva.
Regras de uso
Um uso por peça: uma faixa de ondas ou um horizonte, com no máximo um elemento da carta (coordenadas, rota ou o elemento da frente).
Conteúdo acima do horizonte. Texto nunca passa por cima das ondas.
As quatro ondas juntas, na ordem: da mais escura (em cima) para a mais clara (embaixo).
Não misture frentes: marcas de calado só na Shipping Agency, grade só na Solutions, rede só na Events Global Bridge.
Coordenadas são desenho: não escreva coordenadas de um lugar real como se fossem endereço ou rota de cliente.
Peças do ecossistema (as quatro frentes juntas) usam a carta comum e as ondas da Oceanos.
A 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 usa a cor de bloco da marca; papel acompanha o tema claro ou escuro da página.
Prancha interativa
Camadas que se desligam, cotas sob o ponteiro e a vista explodida. A leitura embaixo mostra a posição na prancha (fictícia).
Biblioteca
Mais 2 pranchas da linguagem carta náutica. Ligue as cotas ou passe o mouse nos traços.
02 · Rosa dos ventos
Anel verdadeiro graduado a 1°, anel magnético deslocado e 32 rumos. Para capas, mapas e aberturas.
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
Três pesos de traço. Silhueta 2, aresta 1,25, detalhe 0,8 e anotação 0,7. O olho lê primeiro a forma, depois a construção, por último as cotas.
Cada linha em duas vistas. Como no plano de linhas, uma estação desenhada numa vista é posição na outra: as vistas se alinham pelas mesmas cotas.
Pouca cor, muito vazio. Como nas cartas náuticas modernas: um só destaque por desenho, véus leves para profundidade e espaço livre para as anotações.
Camadas separáveis. Grade, forma, detalhe e cotas são camadas de verdade: acendem uma a uma, desligam e se afastam na vista explodida.
Cota é texto de apoio. Aparece quando é pedida (ponteiro, toque, foco) e é sempre fictícia: símbolos (L, B, T, Ø) no lugar de números de projeto.
Princípios tirados da pesquisa de referências: leitura de planos de linhas (perfil, meia-boca e balizas), cartas náuticas modernas de azuis contidos, batimetria minimalista e a prancha técnica da Clayservice.
Fundos
Fundo de linhas · exemplo
Texto sobre o desenho
O mesmo desenho da prancha vira textura: só o traço, na cor de destaque a 7%, sem cotas nem texto. A leitura não muda.
| Tema | Texto na tela | Sobre o fundo |
|---|---|---|
| Claro | 6,4:1 | 5,6:1 |
| Escuro | 7,6:1 | 6,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%.
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
Gerada por IA · fictíciaPorto ao amanhecer
Horizonte baixo, sol nascendo atrás dos guindastes, água calma. Abre apresentações e capas.
Gerada por IA · fictíciaMesa de reunião
Pessoas de perfil numa conversa de trabalho, documentos e tela aberta. Para a Oceanos e a Solutions.
Gerada por IA · fictíciaFórum de negócios
Palco com tela, plateia de costas, luz do evento. Para a Events e notícias do ecossistema.
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
| Cena | O que mostrar | Uso |
|---|---|---|
| Horizonte | Mar ao amanhecer, horizonte no terço inferior | Capas, apresentação, site |
| Porto | Guindastes e navio atracado, de longe | Shipping Agency e Oceanos |
| Reunião | Mesa de trabalho com duas ou três pessoas, de perfil | Solutions e Oceanos |
| Evento | Palco e plateia de costas, luz do evento | Events Global Bridge |
| Detalhe | Mãos sobre documentos, caneta, tablet | Posts de conteúdo |
| Equipe | Retrato de cada responsável, fundo neutro | Site, LinkedIn |
Regras de imagem
Autorização por escrito de quem aparece e do local fotografado.
Sem documentos, telas ou placas legíveis com dados de clientes.
Imagem gerada por IA só como ilustração, sempre identificada, nunca como foto de operação real.
Sem logos de terceiros em destaque (navios, crachás, telões).
Traço único, do mar à mesa de reunião
Biblioteca própria com 59 ícones de traço, comum às quatro marcas, em cinco categorias: ecossistema, marítimo, negócios, eventos e interface. Toque para copiar o SVG ou baixe o arquivo na cor da marca.
Biblioteca
59 ícones
Nenhum ícone com esse nome. Tente “navio”, “mapa” ou “agenda”.
Grade e traço
Grade de 24 × 24 com 2 de respiro em volta. Traço de 1,75, pontas e cantos arredondados, sem preenchimento.
Na tela, ícones de 18 a 24 px na cor do texto ou no destaque da marca; na Zuik, 18 px dentro de peças de 44. No kit: na cor da marca (pasta da marca) e em grafite e névoa (pasta do ecossistema). Ícone novo segue a mesma grade e o mesmo traço.
Ilustrações
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
Fonte: dados fictícios de exemplo, só para mostrar o estilo.
Uma cor de destaque: o dado principal no destaque da marca, os demais no mesmo tom mais claro.
Rótulo na ponta da barra, sem legenda separada.
Fonte e período sempre embaixo do gráfico.
Sem 3D, sombra ou pizza com mais de três fatias.
Calmo como a maré
O movimento do ecossistema é o da maré: as ondas sobem uma de cada vez, de baixo para cima, 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
| Uso | Animação | Formato | Duração |
|---|---|---|---|
| Abertura ou fim de Reels e stories | Revelação 9:16 | 1080 × 1920 | 3,6 s (2,5 s de animação) |
| Vídeo horizontal, site, apresentação | Revelação 16:9 | 1920 × 1080 | 3,6 s (2,5 s de animação) |
| Post em vídeo, avatar animado | Símbolo em loop 1:1 | 1080 × 1080 · GIF 480 px | 4,8 s em loop |
| Fundo de tela e de story | Símbolo em loop 16:9 e 9:16 | 1920 × 1080 · 1080 × 1920 | 4,8 s em loop |
| Espera no site e em apresentação | Carregando | 1:1, 16:9, 9:16 · GIF 480 px | 1,6 s em loop (MP4 com 3 ciclos) |
Os MP4 (H.264, 30 quadros por segundo) e os GIF são gerados quadro a quadro destas mesmas animações; nos formatos 16:9 e 9:16 o logo tem o mesmo tamanho do 1:1, com mais fundo. Baixe cada um no card da animação.
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.
Esboço Sintetizado para orientar a produção com um músico. Não use em anúncio antes da versão final.
Estrutura
Regras de uso
Quando tocar: abertura ou fim de vídeos, junto da revelação do logotipo. Uma vez por vídeo.
Volume: −16 LUFS integrado e pico de −1,5 dBTP (já normalizado no MP3). Sempre abaixo da voz.
Não use como música de espera, em loop ou competindo com trilha.
Esboço: a versão final deve ser gravada ou refeita por um profissional de áudio.
A marca na tela
Site, apresentação digital e qualquer tela usam a biblioteca de componentes Zuik com a pele do ecossistema: Outfit, os neutros da marca e o destaque #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
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.
Bandeja guarda peças. Só a bandeja tem sombra; peças são chapadas e sem borda.
Raio de fora = raio de dentro + recuo. Nada de raios soltos como 8, 12 ou 16.
Monocromático primeiro. Um único destaque por bandeja: o botão principal.
Ação longa mostra progresso real; ação destrutiva pede segurar para confirmar.
Componentes ao vivo
Componentes reais, com textos de exemplo da marca. Clique, digite e teste nos dois temas.
Componente interativo. Ative o JavaScript para testar.
Botão
Pílula de 44. Um primário por bandeja, no destaque da marca; o resto em névoa. Ação destrutiva pede segurar para confirmar.
Componente interativo. Ative o JavaScript para testar.
Botão de ícone
Círculo de 44 com ícone de 18. O rótulo aparece como dica só no mouse ou no teclado.
Componente interativo. Ative o JavaScript para testar.
Campo
Pílula névoa sem borda, rótulo que sobe para a borda, foco com anel no destaque.
Componente interativo. Ative o JavaScript para testar.
Seleção
Abre um menu em bandeja; a opção escolhida fica marcada.
Componente interativo. Ative o JavaScript para testar.
Chips
Escolha rápida entre poucas opções.
Componente interativo. Ative o JavaScript para testar.
Abas segmentadas
Barra de 54 com a aba escolhida em destaque e a mola de 280/25.
Componente interativo. Ative o JavaScript para testar.
Interruptor
Liga em verde de sucesso, com bolinha elevada.
Componente interativo. Ative o JavaScript para testar.
Caixa de seleção
Redonda, risca o item feito. Boa para checklist de reunião.
Componente interativo. Ative o JavaScript para testar.
Acordeão
Perguntas frequentes. A linha aberta ganha fundo suave.
Componente interativo. Ative o JavaScript para testar.
Alerta
Bandeja com selo de ícone tingido; versão de uma linha para avisos curtos.
Componente interativo. Ative o JavaScript para testar.
Selo de status
Status sempre com texto e ponto, nunca só a cor.
Componente interativo. Ative o JavaScript para testar.
Linha de lista
Serviço com ícone, descrição e ação, dentro de um painel.
Componente interativo. Ative o JavaScript para testar.
Aviso
Pílula que empilha; mostra progresso real em envios longos.
Componente interativo. Ative o JavaScript para testar.
Diálogo
Confirmação em bandeja de raio 30 no centro da tela.
Componente interativo. Ative o JavaScript para testar.
Texto longo
Linha de raio 22 que cresce com o texto e conta os caracteres.
Tokens
| Token | Valor | Uso |
|---|---|---|
--oc-espaco-2 | 2px | Escala de espaço |
--oc-espaco-4 | 4px | Escala de espaço |
--oc-espaco-5 | 5px | Escala de espaço |
--oc-espaco-8 | 8px | Escala de espaço |
--oc-espaco-13 | 13px | Escala de espaço |
--oc-espaco-16 | 16px | Escala de espaço |
--oc-espaco-24 | 24px | Escala de espaço |
--oc-espaco-32 | 32px | Escala de espaço |
--oc-espaco-48 | 48px | Escala de espaço |
--oc-espaco-96 | 96px | Escala de espaço |
--oc-raio-peca | 22px | Peça (pílula de 44) |
--oc-raio-barra | 27px | Barra de uma linha (54) |
--oc-raio-painel | 30px | Bandeja e painel |
--oc-raio-tela | 38px | Tela que hospeda folhas |
As cores com valor para cada tema estão em Cores › Tema claro e escuro.
Assinatura de e-mail
|
|
[Nome Sobrenome]
[Cargo] · Oceanos
[e-mail] · [telefone]
[site oficial a confirmar] |
No arquivo do kit, troque LINK-DO-SIMBOLO-PNG pelo endereço público do PNG do símbolo e preencha os campos entre colchetes. HTML
A marca em uso
Peças de um ecossistema B2B internacional: papelaria, apresentação, redes, crachá e sinalização. Os mockups usam os arquivos oficiais do logo; nome, cargo e contato aparecem como campos a preencher.
Cartão de visita
Frente na cor de marca com o logotipo branco e as ondas; verso névoa com os campos.
Papelaria
Papel timbrado A4 e envelope: logotipo positivo no topo, ondas no rodapé.
Apresentação
Capa com o horizonte, slide de conteúdo e divisor de seção.
Assinatura de e-mail
Símbolo, nome, cargo e contato, centrados na vertical.
Perfil nas redes
Avatar, bio, capas de destaque e grade de posts com o horizonte.
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.
Cena gerada por IA · logo oficial aplicadoFachada
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
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.
Capas de destaque
Os destaques são os círculos no topo do perfil, onde ficam os stories salvos. Doze capas em PNG 540 × 540, com o ícone na área central segura. Toque numa capa para baixar.
Escritório e papelaria
Cartão de visita
90 × 50 mm, couché 300 g fosco. Frente na cor de marca; verso névoa com nome, cargo, e-mail e telefone (campos a preencher). Arte final para gráfica: a fazer; o logo em PDF CMYK já está no kit.
Papel timbrado e envelope
A4 com o logotipo positivo e as ondas no rodapé; envelope DL. Papel timbrado editável em DOCX, com PDF para conferir.
Apresentação
Apresentação 16:9
Capa com horizonte e logotipo branco, slide de conteúdo e divisor de seção com número em Nico Moji. O PPTX traz o tema da marca (cores e fontes) e cinco slides para duplicar.
Divisor de seção
Fundo névoa, número grande em Nico Moji (sem acento) e uma faixa de ondas.
Crachá e credenciais
Crachá de evento
90 × 130 mm, cordão na cor de marca. Nome em Outfit 500, empresa em 400, função em caixa alta espaçada. QR opcional.
Credenciais por papel
Participante, organização, palestrante e imprensa mudam só a faixa de função, nunca a cor do logotipo.
Nas peças da Events Global Bridge, o crachá usa a paleta dela.
Ambientes e sinalização
Recepção e banner
Logotipo positivo na parede, com a área de proteção livre; banner roll-up de 85 × 200 cm com o vertical branco e as ondas na base.
Tela de evento e story
O mesmo horizonte em 9:16: telão vertical, totem digital e story.
Produção gráfica
| Peça | Formato | Sangria | Segurança | Arquivo | Observação |
|---|---|---|---|---|---|
| Cartão de visita | 90 × 50 mm, couché 300 g | 3 mm | 3 mm | Logo em PDF CMYK do kit; arte final a fazer | Prova de cor na primeira tiragem. |
| Papel timbrado | A4, offset 90 g | — | 15 mm | DOCX e PDF do kit | Impressora comum resolve. |
| Crachá | 90 × 130 mm, PVC ou papel 300 g | 3 mm | 4 mm | Logo em PDF CMYK do kit; arte final a fazer | Furo para o cordão a 8 mm do topo. |
| Banner roll-up | 85 × 200 cm, lona fosca | conforme fornecedor | 50 mm (base 150 mm) | Logo em PDF CMYK do kit; arte final a fazer | Nada importante nos 15 cm de baixo. |
| Logo na parede | sob medida, PVC expandido ou letra caixa | — | área x livre | SVG do kit | Confirmar medida no local. |
| Post e story | 1080 × 1080 · 1080 × 1350 · 1080 × 1920 | — | 80 px · 250 px | SVG e PNG | Nada importante sob a interface do app. |
Recomendações para conferir com o fornecedor antes de produzir.
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.
Mais usados
Marca para IA
Vai pedir um post, uma imagem ou um texto ao ChatGPT, Gemini, Claude ou Midjourney? Copie o prompt da marca e cole antes do pedido. Ele traz regras, cores, fontes, ondas e dados oficiais, e proíbe a IA de desenhar o logo ou inventar dados.
- Escolha um cartão abaixo, ou copie o prompt geral.
- Cole na IA e escreva o seu pedido logo depois.
- Aplique o logo do kit na peça final; a IA não desenha o logo.
Ver o prompt completo
# Marca Oceanos · 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
Qual formato usar
| Formato | Quando usar |
|---|---|
| SVG | Site, Figma, Illustrator, qualquer tamanho sem perder qualidade |
| PNG | Word, PowerPoint, Canva, redes sociais |
| PDF e EPS CMYK | Gráfica, brinde, sinalização (conversão de referência: confirme com prova de cor) |
| ASE | Paleta no Photoshop e no Illustrator |
| JSON e CSS | Site e sistemas: cores e tokens dos dois temas |
| WAV e MP3 | Edição de vídeo (WAV) e uso rápido (MP3) |
| MP4 e GIF | Vídeo e redes (MP4); e-mail e apresentação sem vídeo (GIF) |
| PPTX e DOCX | Apresentação e documentos com as fontes e as cores da marca |
| XLSX e CSV | Checklist mestre, plano de implantação e manifesto do kit |
| TXT | Textos prontos para copiar: bio, descrições e mensagens |
| MD e JSON | Briefing da marca para outra IA (prompt e JSON) e DESIGN.md com os tokens para Google Stitch, v0 e agentes de código |
Checklist mestre
21 prontos · 3 parciais · 5 a fazer.
| Item | Status | Onde |
|---|---|---|
| Logotipo em 3 assinaturas × 6 versões (SVG e PNG) | pronto | ver |
| Versões derivadas conferidas pelo Kadu | a fazer | ver |
| Logos originais em PDF e EPS CMYK (conversão de referência) | pronto | ver |
| Avatar, favicon e ícone de app | pronto | ver |
| Paleta com HEX, RGB, CMYK de referência e contraste nos dois temas | pronto | ver |
| Prova de cor impressa e Pantone | a fazer | ver |
| Tipografia com licença e substitutas | pronto | ver |
| Carta náutica: ondas, horizonte, coordenadas, elemento da frente e biblioteca | pronto | ver |
| Direção e referências de fotografia | pronto | ver |
| Ensaio fotográfico real | a fazer | ver |
| Biblioteca de 59 ícones na cor da marca | pronto | ver |
| Ícones e ilustrações próprios da frente | pronto | ver |
| Animações: revelação, símbolo e carregando | pronto | ver |
| MP4 (16:9, 9:16 e 1:1) e GIF das três animações | pronto | ver |
| Assinatura sonora | parcial | ver |
| Componentes digitais nos dois temas | pronto | ver |
| Assinatura de e-mail | parcial | ver |
| Kit de redes e capas de destaque | pronto | ver |
| Papelaria, apresentação, crachá e sinalização (mockups) | pronto | ver |
| Apresentação (PPTX) e papel timbrado (DOCX e PDF) | pronto | ver |
| Artes finais para gráfica (cartão, crachá, banner) | a fazer | ver |
| Guia rápido em PDF | pronto | ver |
| Textos prontos: bio, descrições e mensagens | pronto | ver |
| Checklist mestre e plano de implantação em XLSX e CSV | pronto | ver |
| ZIP do kit completo | pronto | ver |
| Prompt da marca para IA | pronto | ver |
| Estratégia com fontes (em revisão) | parcial | ver |
| Estratégia em PDF (tema claro) | pronto | ver |
| Razão social, CNPJ e contatos oficiais | a fazer | ver |
Suporte e versões
Dúvida sobre a marca
Fale com o designer: Kadu Veronez, kaduveronez.com.
Pedido de mudança
Mande o que quer mudar e por quê. Toda mudança aprovada sobe a versão do manual e do kit.
Histórico
Versões do manual e do kit
v1.0 · 30/10/2026 · Prévia do marco 1: base multimarca (4 marcas, um template), página inicial do ecossistema, manual visual completo da Oceanos, páginas visuais das outras 3 marcas com logos, cores, tipografia e capítulos comuns; páginas de estratégia montadas a partir da pesquisa de cada marca (versão em revisão).




