La Charte Graphique Web du Centre Louis Defond constitue une ligne directrice essentielle pour assurer une cohérence visuelle et fonctionnelle sur l’ensemble du site et d’autres plateformes numériques. Elle garantit une expérience utilisateur harmonieuse et renforce l’identité de l’établissement en valorisant l’image de marque et les valeurs à travers des éléments graphiques soigneusement définis.
Cette charte inclut des éléments clés tels que le Logo et le Sticky Logo, le Favicon, ainsi qu’une Palette de couleurs adaptée à notre identité. Les Polices de caractères, la gestion des tailles et couleurs des titres et paragraphes, ainsi que les boutons et icônes spécifiques à vos spécialités d’enseignement, contribuent à une navigation intuitive et esthétiquement plaisante.
En structurant l’utilisation des blocs d’appel à l’action, des images avec filigrane logo, et des détails graphiques, cette charte assure l’unité visuelle et renforce l’impact des messages transmis.
Palette de couleurs
Les 4 couleurs du logo sont exploitées, une cinquième (rose) a été créé pour compéter la palette et donner ensuite la possibilité de mettre en scène les éléments d’une formation et de baliser les informations avec les couleurs appropriées.
Les couleurs secondaires sont utilisées pour le texte, des nuances de gris donnent une réserve de couleurs neutres si besoin.
Polices de caractères
Titres : Google Font Oswald 500
Oswald est une police étroite et grasse, qui permet une bonne lisibilité des titres. Son étroitesse permet une meilleure gestion de l’espace notamment sur mobiles.
Textes : Normal => Google Font Jost 600 | Gras => Google Font Jost 700
Jost est une polices lisible pour contribuer à la clarté du site pour tout type de publics.
Tailles et couleurs des balises de titres et paragraphes
H1 Grand titre – Oswald 500 48px CAPITALES ACCENTUÉES
H2 Sous titre 2 – Oswald 500 36px
H3 Sous titre 3 – Oswald 500 24px
H4 sous titre 4 – Oswald 500 20px
H5 mentions discrètes ou secondaires – Jost 700 10px
Paragraphe de texte – Jost 500 18px
Lien hypertexte dans le texte
Paragraphe de texte en gras – Jost 700 18px
Listes :
- Liste élément 1
- Liste élément 2
- Liste élément 3
- Liste élément 4
Exemple de texte indicatif
Centre Louis Defond
Centre Éducatif et Professionnel
Que vous soyez à la recherche d’une structure éducative, pédagogique ou de formation professionnelle, vous trouverez à tout moment au Centre Louis Defond, une équipe dévouée et engagée dans un accompagnement adapté, quotidien et bienveillant.
Les actions de formation, tant professionnelles que scolaires, culturelles ou sportives, vecteurs de l’action éducative auprès des jeunes, se conçoivent comme d’indispensables outils pédagogiques d’intégration.
- Une Maison d’Enfants à Caractère Social (MECS) ;
- Un Centre de Formation Professionnelle ;
- Il est autorisé par le Conseil Général du Gard et habilité par la Protection Judiciaire de la Jeunesse (PJJ).
Ainsi l’établissement prend en charge à la fois
- L’hébergement ;
- La formation et l’insertion professionnelle ;
- L’organisation des loisirs.
« Il effectue un travail tant éducatif que professionnel. (mise en avant ou citation) »
Capacité d’accueil
50 places pour des garçons et des filles de 13 à 21 ans (adolescents et jeunes majeurs) réparties sur différents sites : Salagosse, Le Vigan, Molières, Ganges et Nîmes.
Le personnel
Environ 50 professionnels – éducateurs spécialisés, moniteurs éducateurs, enseignants, professeurs, maîtresses de maison, agents d’entretien, surveillants de nuit – chacun à sa place se mobilise pour les jeunes accueillis.
Un lieu particulier
Situé à 760 mètres d’altitude dans une vallée cévenole, le Centre Louis Defond est implanté dans le hameau de Salagosse, acheté en 1956 par l’association Les Amis de Tatihou, l’organisme gestionnaire.
La ville la plus proche est Le Vigan, sous-préfecture du Gard, à environ 13 kilomètres. Montpellier se trouve à 80 kilomètres et Nîmes à 93 km.
Texte en colonnes
Que vous soyez à la recherche d’une structure éducative, pédagogique ou de formation professionnelle, vous trouverez à tout moment au Centre Louis Defond, une équipe dévouée et engagée dans un accompagnement adapté, quotidien et bienveillant.
Les actions de formation, tant professionnelles que scolaires, culturelles ou sportives, vecteurs de l’action éducative auprès des jeunes, se conçoivent comme d’indispensables outils pédagogiques d’intégration.
Que vous soyez à la recherche d’une structure éducative, pédagogique ou de formation professionnelle, vous trouverez à tout moment au Centre Louis Defond, une équipe dévouée et engagée dans un accompagnement adapté, quotidien et bienveillant.
Les actions de formation, tant professionnelles que scolaires, culturelles ou sportives, vecteurs de l’action éducative auprès des jeunes, se conçoivent comme d’indispensables outils pédagogiques d’intégration.
Icônes par spécialité d’enseignement
Pour chacun des enseignements, nous proposons un code couleur et iconographique pour mieux baliser, orienter et faciliter le navigation des utilisateurs.
Déclinaison avec un rond de couleur
Bloc d’appel à l’action ou de mentions importantes
Ce bloc est utilisé pour la mise en avant d’éléments importants sur le site.
Il peut être utilisé en pied de page ou dans le contenu si nécessaire.
Il est généralement utilisé dans la couleur du contexte (ex. rose pour la partie cuisine)
Prochaines inscriptions
formation Cuisine
Les inscriptions pour 2025-2026 sont ouvertes à partir du 5 mai 2024 jusqu’au 12 septembre 2024. Pensez à télécharger votre dossier d’inscription dans lequel vous trouverez toutes les indications pour mener à bien votre candidature.
Prochaines inscriptions
formation Métallerie
Les inscriptions pour 2025-2026 sont ouvertes à partir du 5 mai 2024 jusqu’au 12 septembre 2024. Pensez à télécharger votre dossier d’inscription dans lequel vous trouverez toutes les indications pour mener à bien votre candidature.
Prochaines inscriptions
formation Métallerie
Les inscriptions pour 2025-2026 sont ouvertes à partir du 5 mai 2024 jusqu’au 12 septembre 2024. Pensez à télécharger votre dossier d’inscription dans lequel vous trouverez toutes les indications pour mener à bien votre candidature.
Images avec filigrane rappel logo
Pour les images liées à des pages ou des articles, un filigrane de rappel du logo discret est intégré en bas à droite de chaque image.
