A marca Ocearo.
Como o nome, o emblema e as cores do Ocearo são construídos, e como usá-los. Para artigos, vídeos, parceiros e colaboradores.
Logotipo
O logotipo é a palavra OCEARO em que o O é a bússola da visão 3D e o A é uma proa cortando o horizonte. Use a versão escura em fundos escuros e a versão clara em fundos claros.
logotipo · fundos escuros
logotipo · fundos claros
emblema da bússola
ícone do aplicativoConstrução
Cada elemento do logotipo vem do próprio aplicativo.
- O O é a bússola da visão 3D, inclinada a 60° em perspectiva como o anel que flutua ao redor do barco, com seu aro, as doze graduações que esmaecem para trás e o barco no centro.
- O barco segue o rumo 045, em direção ao resto do nome: buja branca e vela mestra azul Ocearo, no plano do seu eixo.
- O A é a proa: duas lâminas que se encontram na roda de proa, com a linha do horizonte azul Ocearo passando por trás e cortada onde elas se tocam.
- As letras são Geist Regular em maiúsculas, com espaçamento de 0,34 em, como os rótulos dos instrumentos (SOG, HEADING, TWS).
- Tamanhos pequenos: a partir de 48 px para baixo, a bússola aparece de frente, plana, com as duas velas, para continuar nítida.
Área de proteção e tamanhos
Mantenha ao redor do logotipo um espaço livre pelo menos da largura da letra C. Nunca o aproxime mais de uma borda ou de outros elementos.
| Uso | Tamanho mínimo | Versão |
|---|---|---|
| Logotipo completo, tela | 120 px de largura | Logotipo, escuro ou claro |
| Logotipo completo, impressão | 30 mm de largura | Logotipo, escuro ou claro |
| Ícone do aplicativo | 64 px | Bússola inclinada em fundo preto |
| Favicon | 16 px | Bússola plana com velas |
Cores
Um fundo quase preto e um único azul luminoso. O vermelho, o verde, o violeta e o amarelo são reservados ao significado — perigo, boreste, manobra deles, atenção — e nunca usados como decoração.
#09BFFF · oBlueCor da marca, o próprio barco, ações#0A0A0A · backgroundFundo principal#FFFFFF · foregroundTexto e logotipo em fundo escuro#0D1114 · inkLogotipo e texto em fundo claro#0090C8 · blue-deepDestaque em fundos claros#CC000C · oRedPerigo, manobra nossa, homem ao mar#0FCD4F · oGreenOK, boreste, rota#FFBE00 · oYellowAvisos#424242 · oGray2Painéis e bordasTipografia
Geist, da Vercel, sob a licença SIL Open Font. Uma só família para tudo; Geist Mono para coordenadas e dados.
Princípios de interface
A aparência do aplicativo e de tudo o que está ao redor dele.
- Calma em primeiro lugar. Uma tela escura e discreta; só acende o que pede atenção.
- Uma só cor de destaque. O azul Ocearo marca o próprio barco e as ações. Todo o resto é branco ou cinza.
- A cor tem significado. Vermelho, violeta, laranja e verde seguem o RIPEAM e as luzes de navegação, em todo lugar.
- Números legíveis de longe. Valores grandes, rótulos pequenos e espaçados, algarismos tabulares.
- Só imagens reais. Capturas de tela e vídeos vêm do aplicativo com dados reais, nunca de maquetes ou fotos de banco de imagens.
O que fazer e o que evitar
O logotipo é sempre usado como fornecido.
Tom
O Ocearo fala como um bom tripulante: curto, objetivo, calmo. Palavras de marinheiro, não de informática.
| Dizer | Evitar |
|---|---|
| Evitar: 15° para bombordo. Regra 18, nós nos afastamos. | Saída do algoritmo de colisão |
| Uma ajuda na vigilância. | Navegação totalmente autônoma |
| Alarme de âncora, homem ao mar, laylines. | Geofence, módulo de emergência, motor de rotas |
| Funciona offline depois de baixar a região. | Movido a nuvem |