Transmise par 
Couleur, fond clair
La version principale. Chiffres et ombre en encre, plaque bleue, sur un fond blanc ou très clair : site, documents, présentations, papeterie.
Charte graphique
La marque 123Forma.
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.
Les chiffres et la plaque partout où la place le permet ; le carré « 123 » seul 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 sombre
La même, chiffres et ombre en blanc, pour un fond sombre ou une photographie assombrie.
Blanc
Tout en blanc, mot évidé dans la plaque. Pour une photographie chargée, un fond coloré, un marquage une couleur.
Noir
Tout en encre, mot évidé. 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.
Icône
Sous 48 px, où « FORMA » 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, ombre comprise. 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 des chiffres. 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 les chiffres restent lisibles. 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
- 123Forma
Ne pas déformer
Les proportions du bloc sont fixes.
- 123Forma
Ne pas recolorer
La plaque reste bleue, blanche ou encre.
- 123Forma
Pas de dégradé
Le bleu est un aplat, sans reflet ni relief.
- 123Forma
Pas d'ombre floue
L'ombre portée nette fait partie du logo ; rien ne s'ajoute par-dessus, et elle ne se retire pas.
- 123Forma
Ne pas incliner
Le bloc reste horizontal.
- 123Forma
Ne pas séparer
Les chiffres et la plaque 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 123Forma
L'accent unique : la plaque 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
Les chiffres et l'ombre du logo, 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 tout, du logo au texte courant.
Deux familles, chacune à sa place : Outfit, du logo en 900 au texte en 400, et IBM Plex Mono pour les étiquettes. Toutes deux sont libres (licence OFL) et disponibles sur Google Fonts : aucune licence à acheter pour vos documents.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & À Ç É È Ê Î Ô Ù €
- OutfitLe texte, les titres et le logo
- 900Le logo : les chiffres et le mot « FORMA »
- 600Titres
- 500Boutons, navigation, libellés
- 400Texte courant, chiffres
- IBM Plex MonoLes étiquettes
- 500Étiquettes, fil d'Ariane, références, en capitales espacées
Le nom
Un seul mot, F majuscule.
« 123Forma » s'écrit en un seul mot, « 123 » collé à « Forma », F majuscule. Le logo, lui, dessine « 123 » et « FORMA » en deux blocs : c'est un dessin, pas une graphie. Le logiciel est édité par C&CO Formation.
On écrit
- 123Forma
- 123forma.fr
- 123Forma, édité par C&CO Formation
- 123Forma, anciennement SolutionOF
On évite
- Une espace ou un tiret entre 123 et Forma
- « forma » en minuscules dans une phrase
- « FORMA » en capitales hors du logo
Le kit
Télécharger le kit851 KoLe 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 123Forma.
14 jours d'essai gratuit · Sans engagement
Faites tourner votre organisme avec 123Forma.
Créez votre compte, importez vos apprenants depuis Excel, et décidez à la fin de l'essai.
