Marque

Logos, symbole et typographie en version originale

Qui écrit sur Collabase, documente un raccordement ou prépare une présentation a besoin de la marque dans la version que nous utilisons nous-mêmes. Elle est ici au complet.

Logotype

Le logo en noir et en blanc

Symbole en menthe et citron vert, logotype en Outfit. La version noire va sur les fonds clairs, la blanche sur les fonds sombres. Le kit contient les deux en PNG et en SVG.

farbig-duoton · text-schwarz

farbig-duoton · text-schwarz

Pour les fonds clairs

farbig-duoton · text-weiss

farbig-duoton · text-weiss

Pour les fonds sombres

Toutes les versions du logo

En couleur, en dégradé, monochrome et en niveaux de gris. Les versions claires vont sur fond sombre, la sauge sur vert forêt.

farbig-verlauf · text-schwarz

farbig-verlauf · text-schwarz

Pour les fonds clairs

farbig-verlauf · text-weiss

farbig-verlauf · text-weiss

Pour les fonds sombres

schwarz · text-schwarz

schwarz · text-schwarz

Pour les fonds clairs

wald · text-wald

wald · text-wald

Pour les fonds clairs

weiss · text-weiss

weiss · text-weiss

Pour les fonds sombres

salbei-1 · text-salbei-1

salbei-1 · text-salbei-1

grau · text-grau

grau · text-grau

Pour les fonds clairs

schwarz-grau · text-schwarz

schwarz-grau · text-schwarz

Pour les fonds clairs

weiss-grau · text-weiss

weiss-grau · text-weiss

Pour les fonds sombres

Logotype

Le logotype seul

Pour les endroits où le symbole figure déjà : pieds de page, en-têtes de lettre, lignes de texte. Sept couleurs, chacune sur son fond.

schwarz

schwarz

Pour les fonds clairs

wald

wald

Pour les fonds clairs

grau

grau

Pour les fonds clairs

weiss

weiss

Pour les fonds sombres

limette

limette

Pour les fonds sombres

mint

mint

Pour les fonds sombres

salbei-1

salbei-1

Symbole

Le symbole sans le logotype

Pour les endroits où le nom figure déjà : avatars, tuiles, lignes d'expéditeur.

farbig-duoton

farbig-duoton

farbig-verlauf

farbig-verlauf

wald

wald

salbei-1

salbei-1

Le symbole en niveaux de gris

Pour l'impression en noir et blanc, les tampons, les filigranes et les photos au fond chargé. Monochrome en gris et noir, bicolore avec l'arc et le coin en deux gris. Là où la couleur est possible, le symbole apparaît en menthe et citron vert.

Blanc et gris

Blanc et gris

Gris

Gris

Noir

Noir

Noir et gris

Noir et gris

Favicon

Favicons

Deux versions pour les onglets et les favoris. Ce qui compte, c'est l'interface dans laquelle le symbole apparaît.

Fond clair

Fond clair

Fond sombre

Fond sombre

Icônes d'applications

Les huit applications

Une icône par application, dans l'ordre du produit.

Collabase AI

Collabase AI

Collabase Projects

Collabase Projects

Collabase Docs

Collabase Docs

Collabase Test Management

Collabase Test Management

Collabase Registry

Collabase Registry

Collabase Automation

Collabase Automation

Collabase Intranet

Collabase Intranet

Collabase Time

Collabase Time

Typographie

Outfit, de 100 à 900

Outfit porte tout le site, du texte courant au logotype. Elle est publiée sous la SIL Open Font License et peut être transmise.

  • Graisse 100La collaboration suisse
  • Graisse 200La collaboration suisse
  • Graisse 300La collaboration suisse
  • Graisse 400La collaboration suisse
  • Graisse 500La collaboration suisse
  • Graisse 600La collaboration suisse
  • Graisse 700La collaboration suisse
  • Graisse 800La collaboration suisse
  • Graisse 900La collaboration suisse
Couleurs

Citron vert, vert, menthe et trois sauges

Le citron vert est la couleur de la marque, le vert et la menthe la complètent comme noyau. Les trois sauges sont des accents sur les surfaces claires. Le vert forêt est l'encre : texte et lignes sur fond clair, là où les tons clairs ne portent pas. Les surfaces en dessous construisent la profondeur de l'interface, de la page à la boîte d'icône.

Citron vert, couleur de la marque

#ccfc75

Boutons, surlignages, lumières

Vert

#77f355

Seulement au milieu du dégradé

Menthe

#1ae299

Signal, halo sur fond sombre

Sauge 1

#dfe9c0

Pastille de section

Sauge 2

#c9dfae

Surlignage et boîte d'icône

Sauge 3

#b5d2a0

Points et lignes

Vert forêt, texte et ligne

#0f4d38

Texte et ligne sur fond clair

Page

#f7f7f7

Carte de contenu

#ffffff

Ligne dans la carte

#fafafa

Carte chaude

#faf8f5

Boîte d'icône dans la carte

#f2f2f2

Texte

#0a0a0a

La surface décide : l'action est en citron vert, les sections claires portent la sauge sur carte blanche, les surfaces sombres les couleurs de base.

Le seul dégradé

Citron vert, vert, menthe dans cet ordre. Uniquement sur fond sombre, jamais sur toute une section.

Collabase AI

Le symbole de Collabase AI

Arc et coin comme dans le symbole Collabase, dans un univers de couleurs propre. Le symbole est à la fois icône d'application et indicateur de chargement : il montre si l'IA est au repos, réfléchit, cherche ou a terminé.

L'univers de couleurs de l'IA

Jour pour le symbole animé et les surfaces claires, nuit pour les sombres. Les couleurs de l'IA ne figurent que dans son symbole, jamais en surface, bouton ou surlignage.

Jour

#1f57f9

#9372ea

#e47eab

#fb8132

Nuit

#14006e

#6100b0

#af0eba

#ffd3c8

Icône, favicon et symbole

Icône claire

Icône claire

Icône sombre

Icône sombre

Favicon jour

Favicon jour

Favicon nuit

Favicon nuit

Symbole en dégradé

Symbole en dégradé

Symbole en blanc

Symbole en blanc

Jamais sur la même ligne que le logo Collabase.

Pas de halo en dessous de 48 px.

Le favicon reste immobile.

Dans le produit, le symbole vient du code, jamais d'un GIF.

Droits de marque

Collabase est une marque déposée

La marque verbale Collabase a fait l'objet d'un dépôt auprès de l'Institut Fédéral de la Propriété Intellectuelle. La demande est en cours d'examen ; l'inscription au registre est consultable publiquement dans Swissreg.

Marque
Collabase
Type
Marque verbale
Statut
Demande déposée
Registre
Swissreg, Institut Fédéral de la Propriété Intellectuelle
Ouvrir l'inscription dans Swissreg

Orthographe

Collabase en un mot

Un C majuscule, le reste en minuscules. Ni «CollaBase», ni «Colla Base», ni en capitales.

Les noms d'apps portent le nom du produit

Les apps s'appellent «Collabase Docs», «Collabase Projects» et ainsi de suite. Le nom du produit vient en premier, le nom de l'app ne figure jamais seul.

Aucun symbole sur le nom

Collabase ne porte pas de ® sur son nom. Ce symbole désigne une marque enregistrée, et l'enregistrement est encore en cours.

Utilisation

Quatre points

Les proportions restent

Les fichiers sont mis à l'échelle, jamais étirés, et conservent la zone de respiration qu'ils apportent.

Les couleurs restent

Le symbole et le logotype s'emploient dans les couleurs présentées ici. Une variante adaptée existe pour chaque fond.

Le contraste décide

Sur les photos et les surfaces colorées, c'est la variante qui se détache clairement qui convient.

Les cas ouverts, nous les réglons

Pour un usage qui n'est pas couvert ici, un court message suffit.