Transmise par 
Couleur, fond sombre
La version principale. Mot en blanc, barre bleue, sur un fond sombre ou une photographie assombrie.
Charte graphique
La marque SolutionOF.
Le logo, ses déclinaisons, les couleurs, la typographie et les règles à respecter. Tout est téléchargeable ici, en vectoriel comme en image.
Le logo
Une version longue, une version courte.
Le bloc complet partout où la place le permet ; la pastille seule quand le mot ne serait plus lisible.
- SVG
Vectoriel, pour le web, Figma et Illustrator. Texte converti en tracés.
- PNG
Fond transparent, 2400 px de large (1024 px pour la version courte).
- PDF
Vectoriel pour l'impression, s'ouvre dans Illustrator.
Version longue
Couleur, fond clair
La même, mot en encre, pour un fond blanc ou très clair : documents, présentations, papeterie.
Blanc
Tout en blanc, lettres évidées dans la barre. Pour une photographie chargée, un fond coloré, un marquage une couleur.
Noir
Tout en encre, lettres évidées. Pour une impression en noir, un tampon, un fax, une gravure.
Version courte
Blanc
Sur un fond coloré ou une photographie, quand le bleu ne se détache pas.
Noir
Impression une couleur, documents en noir et blanc.
Avatar rond
Le logo au centre d'un disque, réduit pour qu'un recadrage rond ne rogne rien. Le PNG carré est celui à envoyer aux plateformes, qui découpent le rond elles-mêmes ; le PNG rond et le SVG sont déjà découpés, fond transparent. 1024 × 1024 px.
Bleu
La version à privilégier pour un profil : LinkedIn, Google, Slack, GitHub.
Blanc
Quand l'interface autour de l'avatar est déjà bleue.
Encre
Sur un fond clair seulement : sur un fond sombre, le disque disparaît.
Monogramme
Sous 48 px, où « Solution » n'est plus lisible : icône de messagerie, pastille.
Règles d'usage
De l'air autour, et rien par-dessus.
Le logo se pose tel quel. La marge et les tailles minimales ci-dessous sont le contrat : en dessous, le mot cesse d'être lisible.
Le cadre en pointillé est le logo. Tout ce qui l'entoure dans le fichier est la zone de protection : aucun texte, aucune image, aucun bord ne vient s'y installer.
Version longue · 120 pxVersion courte · 32 pxLes tailles minimales, à l'échelle : le logo mesuré hors zone de protection.
Zone de protection
Laissez autour du logo une marge au moins égale à 0,35 fois la hauteur du mot « Solution ». Elle est déjà incluse dans chaque fichier : ne rognez pas.
Taille minimale
Version longue : 120 px de large à l'écran, 30 mm à l'impression. Version courte : 32 px à l'écran, 8 mm à l'impression.
Fonds admis
Fond uni, ou photographie suffisamment assombrie pour que le mot reste lisible. Sur un fond chargé, employez la déclinaison blanche.
Un seul accent
Le bleu #0071E3 est la seule couleur d'accent de la marque. Il ne cohabite avec aucune autre couleur vive.
Ce qu'il ne faut pas faire
- SolutionOF
Ne pas déformer
Les proportions du bloc sont fixes.
- SolutionOF
Ne pas recolorer
La barre reste bleue, blanche ou encre.
- SolutionOF
Pas de dégradé
Le bleu est un aplat, sans reflet ni relief.
- SolutionOF
Pas d'ombre portée
Aucun effet ajouté sur le logo.
- SolutionOF
Ne pas incliner
Le bloc reste horizontal.
- SolutionOF
Ne pas séparer
Le mot et la barre ne se dissocient pas.
Couleurs
Un bleu, du blanc et du gris.
La marque tient sur un seul accent. Le reste est du contraste : le blanc et le gris pour respirer, le noir pour le texte.
Bleu SolutionOF
L'accent unique : la barre du logo, les boutons, les liens, le carré des étiquettes et les sections bleues.
Blanc
Le fond du héros, des cartes et des sections claires ; le texte posé sur le bleu.
Gris
Le fond des sections grises, en alternance avec le blanc et le bleu.
Noir
Le texte. En aplat, il est réservé au pied de page : aucune section n'est noire.
Gris de lecture
Le texte secondaire sur fond clair : chapeaux, légendes, étiquettes.
Le bleu #0071E3 ne se remplace pas. Les sections alternent le blanc, le gris et le bleu, jamais deux fois le même fond à la suite ; sur le bleu, le texte passe en blanc.
Les icônes
Un croquis au trait, une icône par sujet.
Des icônes « trait de plume », dessinées pour le site : un croquis au trait d'encre posé sur une forme pleine, toujours bleue. Une icône par sujet, jamais réutilisée pour un autre. Au survol, le trait se redessine et la forme pivote.
Typographie
Outfit pour le texte, Plus Jakarta Sans pour le logo.
Trois familles, chacune à sa place. Toutes sont libres (licence OFL) et disponibles sur Google Fonts : aucune licence à acheter pour vos documents.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & À Ç É È Ê Î Ô Ù €
- OutfitLe texte et les titres
- 600Titres
- 500Boutons, navigation, libellés
- 400Texte courant, chiffres
- Plus Jakarta SansLe logo, et lui seul
- 800Le mot et la barre « OF »
- IBM Plex MonoLes étiquettes
- 500Étiquettes, fil d'Ariane, références, en capitales espacées
Le nom
Un seul mot, OF en capitales.
« SolutionOF » s'écrit en un seul mot, « OF » en capitales, sans espace ni point. Le logiciel est édité par C&CO Formation.
On écrit
- SolutionOF
- solutionof.fr
- SolutionOF, édité par C&CO Formation
On évite
- Une espace entre Solution et OF
- Un point ou un tiret dans le nom
- OF en minuscules
Le kit
Télécharger le kit1,3 MoLe kit complet, en une archive.
Toutes les déclinaisons, tous les formats, plus un fichier de lecture qui rappelle l'usage de chacun. Libre d'usage pour parler de SolutionOF.
14 jours d'essai gratuit · Sans engagement
Faites tourner votre organisme avec SolutionOF.
Créez votre compte, importez vos apprenants depuis Excel, et décidez à la fin de l'essai.
