La marque Ocearo.
Comment sont construits le nom, l’emblème et les couleurs d’Ocearo, et comment les utiliser. Pour les articles, les vidéos, les partenaires et les contributeurs.
Logo
Le logo est le mot OCEARO dont le O est le compas de la vue 3D et le A une étrave qui fend l’horizon. Version sombre sur fond sombre, version claire sur fond clair.
logo · fonds sombres
logo · fonds clairs
emblème compas
icône d’applicationConstruction
Chaque élément du logo vient de l’application elle-même.
- Le O est le compas de la vue 3D, incliné à 60° en perspective comme l’anneau qui flotte autour du bateau, avec sa lunette, ses douze graduations qui s’estompent vers l’arrière et le bateau au centre.
- Le bateau fait cap au 045, vers la suite du nom : foc blanc, grand-voile bleu Ocearo, dans le plan de son axe.
- Le A est l’étrave : deux lames qui se rejoignent à l’étrave, la ligne d’horizon bleu Ocearo passant derrière et coupée à leur contact.
- Les lettres sont en Geist Regular capitales, interlettrage 0,34 em, comme les étiquettes des instruments (SOG, HEADING, TWS).
- Petites tailles : à 48 px et moins, le compas est vu à plat, de face, avec les deux voiles, pour rester net.
Zone de protection et tailles
Gardez autour du logo un espace libre au moins égal à la largeur de la lettre C. Ne le rapprochez jamais davantage d’un bord ou d’un autre élément.
| Usage | Taille minimale | Version |
|---|---|---|
| Logo complet, écran | 120 px de large | Logo, sombre ou clair |
| Logo complet, impression | 30 mm de large | Logo, sombre ou clair |
| Icône d’application | 64 px | Compas incliné sur tuile noire |
| Favicon | 16 px | Compas à plat avec voiles |
Couleurs
Un fond presque noir et un seul bleu lumineux. Le rouge, le vert, le violet et le jaune sont réservés au sens — danger, tribord, à eux de manœuvrer, prudence — et jamais décoratifs.
#09BFFF · oBlueAccent de marque, bateau, actions#0A0A0A · backgroundFond principal#FFFFFF · foregroundTexte et logo sur fond sombre#0D1114 · inkLogo et texte sur fond clair#0090C8 · blue-deepAccent sur fond clair#CC000C · oRedDanger, à nous de manœuvrer, HLM#0FCD4F · oGreenOK, tribord, route#FFBE00 · oYellowAvertissements#424242 · oGray2Panneaux et borduresTypographie
Geist, de Vercel, sous licence SIL Open Font. Une seule famille pour tout ; Geist Mono pour les coordonnées et les données.
Principes d’interface
L’allure de l’application et de tout ce qui l’entoure.
- Le calme d’abord. Un écran sombre et sobre ; seul ce qui demande de l’attention s’allume.
- Un seul accent. Le bleu Ocearo marque le bateau et les actions. Tout le reste est blanc ou gris.
- La couleur a un sens. Rouge, violet, orange et vert suivent le RIPAM et les feux de navigation, partout.
- Des chiffres lisibles de loin. Grandes valeurs, petites étiquettes espacées, chiffres tabulaires.
- Seulement des images réelles. Captures et vidéos viennent de l’application avec des données réelles, jamais de maquettes ni de photos de banque d’images.
À faire, à éviter
Le logo s’utilise toujours tel qu’il est fourni.
Ton
Ocearo parle comme un bon équipier : court, factuel, calme. Des mots de marin, pas d’informaticien.
| Dire | Éviter |
|---|---|
| Éviter : 15° sur bâbord. Règle 18, nous nous écartons. | Sortie de l’algorithme de collision |
| Une aide à la veille. | Navigation entièrement autonome |
| Veille au mouillage, homme à la mer, laylines. | Géorepérage, module d’urgence, moteur de routage |
| Fonctionne hors ligne une fois la zone téléchargée. | Propulsé par le cloud |