Charte épif

Logo-Epif-Dark

épif, L’école des paysagistes indépendants de France

La charte graphique d’épif : logo, couleurs, typographie, composants et mises en page. Tout ce qu’il faut pour qu’un site, une slide ou une vidéo ressemble à l’école.

Version 1, 24 septembre 2026

Couleurs

Cinq couleurs viennent du nuancier du board, quatre teintes de ses compositions. Le vert forêt et le lime portent la marque, l’ambre reste rare. Une pastille copie son code au clic.

Palette-Epif, nuancier du board

  • Lime

    Bouton « Je me lance », feuille du logo, coches.

    RVB 161 224 77

  • Forêt

    Logo, titres, texte courant.

    RVB 21 44 18

  • Blanc

    Cartes, contraste maximal.

    RVB 255 255 255

  • Rosée

    Fonds clairs, logo sur fond sombre.

    RVB 242 254 226

  • Ambre

    Accent ponctuel, une fois par écran au plus.

    RVB 247 213 118

Palette-Epif, teintes de support

  • Sous-bois

    #284018

    Fonds sombres, slides.

  • Mousse

    #385030

    Verre posé sur le sombre.

  • Pousse

    #E6F68A

    Bout clair des dégradés lime.

  • Lichen

    #D1D8D1

    Toile neutre, onglets inactifs.

Palette-Epif, dégradés

  • Lime

    Bouton « Je me lance », favicon, coches.

  • Rosée

    Fonds clairs, planches, stories.

  • Sous-bois

    Fonds sombres, sous le verre.

  • Ambre

    Tuile logo, rare.

Dosage conseillé sur un écran
  • 45 % Rosée et blanc, pour respirer
  • 30 % Forêt et sous-bois, pour tenir
  • 20 % Lime, pour agir
  • 5 % Ambre, pour signaler
Accords lisibles, contraste WCAG
  • Aa

    Forêt sur rosée14,3 : 1, AAA

  • Aa

    Forêt sur lime9,5 : 1, AAA

  • Aa

    Forêt sur ambre10,5 : 1, AAA

  • Aa

    Rosée sur sous-bois10,9 : 1, AAA

  • Aa

    Lime sur sous-bois7,2 : 1, AAA

  • Aa

    Blanc sur lime1,6 : 1, illisible

Typographie

Une seule famille, Albert Sans, de Light à Black. ExtraBold pour les titres, Regular pour lire, Medium pour les petites légendes.

Typo-Albert-Sans

Albert Sans Titres et paragraphes

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
àâçéèêëîïôœùûü « » ’ € %

Albert Sans sur Google Fonts, licence SIL OFL
Typo-Graisses

Se lancer à son compte sans se planter.

Typo-Hiérarchie
Affiche
Je me lance
ExtraBold 800
64 à 96 px, interligne 0,95
approche −4 %
Titre de section
Chiffrer un chantier
ExtraBold 800
42 px, interligne 1
approche −3 %
Sous-titre
Du premier devis à la dernière facture
Bold 700
24 px, interligne 1,2
approche −1 %
Texte courant
Un devis clair, envoyé vite, rassure le client et protège la marge. On y détaille le métré, les fournitures et la main-d’œuvre, poste par poste.
Regular 400
17 px, interligne 1,55
65 signes par ligne au plus
Légende
Photo prise sur un chantier d’entretien, avril 2026
Medium 500
13 px, interligne 1,3
jamais en capitales

Composants

Les briques du board. Les actions sont des pilules, les icônes des carrés adoucis, les cartes de grands arrondis en verre : jamais d’angle vif.

Boutons, fond clair
Boutons, fond sombre
Je me lance
L’action principale, pleine, en dégradé lime. Une seule par écran.
Plus d’infos
L’action secondaire, en verre. Elle accompagne, elle ne concurrence pas.
Flèche ronde
Pour avancer dans une carte ou un carrousel, sans texte.
Onglets et liste
  • StatutChoisir entre micro-entreprise et société
  • AssuranceSouscrire une responsabilité civile pro
  • MatérielLister ce qu’il faut acheter ou louer
Carte verre, fond sombre
  • #devis
  • #chantier
  • #facture

Du premier devis à la dernière facture

Les modules suivent l’ordre réel d’un chantier : chiffrer, réaliser, encaisser.

Favicon-epif, tailles
  • 16
  • 32
  • 48
  • 64
  • 128

épif, l’école des paysagistes indépendants

Carré à coins en super-ellipse, dégradé lime vers pousse, é forêt. Le SVG sert partout ; le PNG 180 pour l’écran d’accueil iPhone.

SVG PNG 512 PNG 180

Mises en page

Le système appliqué aux formats d’épif : slides de formation, posts et fins de vidéo. Mêmes ingrédients que le board, rien de plus.

Slide 16:9, ouverture de module

Module 3

Chiffrer un chantier sans se sous-payer

  • #métré
  • #devis
  • #acompte

Métré, prix de revient, marge : la méthode pas à pas, avec un modèle de devis à la fin.

Post 4:5, Instagram

Se lancer sans se planter.

Je me lance

Photo : un pro en situation, outil en main, végétal derrière. Toujours découpée en feuille ou en grands arrondis, jamais en rectangle dur.

Story 9:16, fin de vidéo

La formation qui suit l’ordre d’un vrai chantier.

  • DevisChiffrer juste
  • ChantierOrganiser ses journées
  • FactureSe faire payer à l’heure
Plus d’infos Je me lance