Charte graphique
Logos, couleurs et polices de l'IFOSUP, réunis pour les professeurs et le personnel qui préparent un support de cours, une présentation ou un courrier. Téléchargez les fichiers, copiez les codes couleur, et vos documents ressemblent à l'école.
Le logo
Logo principal
La version de référence, en navy. À poser sur blanc ou sur un fond clair uni.
Logo « Secondaire »
Déclinaison de la filière secondaire : la flèche passe en turquoise.
Logo « Supérieur »
Déclinaison de la filière supérieure : la flèche passe en jaune.
Pictogramme
La flèche seule, quand la place manque : favicon, avatar, filigrane de diapositive.
Icône d’application
Le pictogramme dans sa pastille navy : onglet de navigateur, raccourci, profil.
Règles d’usage
- Laisser autour du logo une zone libre d’au moins la hauteur de la flèche : ni texte, ni image, ni bord de page dans cet espace.
- Conserver les proportions : redimensionner en tirant un coin, jamais un côté. Le logo ne s’étire pas et ne s’incline pas.
- Ne pas recolorer, ni ajouter d’ombre, de contour ou de dégradé. Sur fond sombre ou sur une photo, utiliser la version blanche.
- Ne jamais recomposer le logo : le nom de l’école et la flèche forment un bloc, on ne les sépare pas et on n’en change pas la typographie.
- Partir du SVG dès que possible : il reste net à toutes les tailles, de la carte de visite au kakémono.
La palette
Cliquez sur une valeur pour la copier, puis collez-la dans le sélecteur de couleur de votre logiciel.
Couleurs principales
Le navy porte les titres et les aplats ; le turquoise ne sert qu’en touche.
Navy
Titres, texte courant, aplats de fond. La couleur par défaut de tout document.
Turquoise
Aplats, filets, puces et surlignages. Jamais en texte sur fond blanc.
Turquoise foncé
La version lisible du turquoise : liens et texte d’accent sur fond clair.
Couleurs d’accent
Une seule par document, en petites surfaces : encadrés, icônes, séparateurs.
Jaune
Filière supérieure, mises en avant chaleureuses. En aplat uniquement.
Rouge
Alertes et échéances, en aplat. Pour du texte, prendre le rouge foncé.
Rouge foncé
La version lisible du rouge : messages importants en texte sur fond clair.
Violet
Troisième accent, utile pour distinguer des séries dans un graphique.
Rose
Fond très doux pour un encadré ou une citation. Jamais en texte.
Neutres
Le gris du corps de texte et les fonds de tableaux ou d’encadrés.
Blanc
Fond par défaut des documents et texte posé sur un aplat navy.
Gris très clair
Fond d’encadré, ligne alternée d’un tableau.
Gris clair
Filets de séparation et bordures de tableau.
Gris moyen
Légendes, notes de bas de page, sources d’illustration.
Gris foncé
Texte secondaire quand le navy serait trop appuyé.
Les polices
Deux familles libres et gratuites, à installer une fois pour toutes sur votre poste.
Poppins
Titres et intertitres
Institut de Formation Supérieure
Graisses utilisées sur le site : Regular 400 · Bold 700.
Télécharger sur Google FontsRoboto
Corps de texte, légendes et tableaux
Apprendre tout au long de son existence est à la fois une nécessité et une source d’épanouissement personnel.
Graisses utilisées sur le site : Light 300 · Regular 400 · Bold 700 · Black 900.
Télécharger sur Google Fonts
Vos documents
Word, PowerPoint et compagnie
- Titres en Poppins Bold navy (#1e2d55), corps de texte en Roboto Regular navy ou gris foncé (#444444) sur fond blanc.
- Le turquoise clair (#62bfc1) reste un aplat : filet de titre, puce, surlignage, bandeau de diapositive. Pour du texte ou un lien sur fond blanc, prendre le turquoise foncé (#0d7377).
- Une seule couleur d’accent par document, sur de petites surfaces. Le navy et le blanc font le gros du travail ; le reste ponctue.
- Diapositive de titre : fond navy plein, logo blanc en haut à gauche, texte blanc. Diapositives de contenu : fond blanc, titres navy, filet turquoise.
- Dans Word ou PowerPoint, coller le code HEX dans « Autres couleurs → Personnalisées », ou saisir les trois valeurs RVB proposées ici.