MonMentor
← Voir l'option A

Option B — Création originale · « Prométhée »

On ne remplit pas
un vase.
On allume un feu.

Une identité née de l'ADN MonMentor : le feu de la transmission, passé de main en main — du marbre d'Athéna à l'ère de l'IA. Chaleureuse, éditoriale, premium.

97%

de recommandation chez ENGIE

01 — Couleurs

La palette du feu

Le parchemin (marbre) comme socle clair, la braise comme âme, l'or antique en accent, l'encre aubergine pour le texte. Une signature chaude qui se distingue du violet du site officiel.

Braise primary

#E2562B

Or antique

#D9A521

Encre

#1B1726

Indigo (IA)

#2E2A6B

Parchemin (fond)

#FBF6EC

Sauge / success

#4F9D69

Ambre / warning

#D98A2B

Terre / danger

#C8412E

bg-flamme · 135° braise→or
fond sombre + halo braise
parchemin + grain marbre

02 — Typographie

Fraunces + Inter Tight

Fraunces (serif à fort contraste, opsz variable) pour l'émotion éditoriale ; Inter Tight pour une UI nette et dense ; JetBrains Mono pour labels & data.

display · 80px · weight 300

Transmettre

display · 36px · weight 500 · italic

la flamme du savoir

display · 24px · weight 600

Pourquoi le mentoring ?

eyebrow · JetBrains Mono · uppercase · .22em

Organisation apprenante

sans · 17px · weight 400 · body

Une déesse accompagnant un jeune héros : Athéna guide Télémaque. C'est ainsi qu'est né le mentoring — une relation de confiance qui révèle la meilleure version de soi.

mono · 13px · data

1 700 binômes · 97% recommandation · ENGIE

03 — Boutons

Boutons

Coins doux (rounded-xl), ombre « feu » sur le primary, micro-lift au survol.

04 — Formulaires

Formulaires

Adresse e-mail invalide.

Profil vérifié.

Rôle
Notifications hebdo

05 — Cartes

Cartes & panneaux

Le mentor

Devenir un grand leader

Le principal bénéficiaire, c'est le mentor : il exerce écoute, curiosité et esprit critique.

Le mentoré

Accélérer son envol

6× plus de chances d'être promu, +28 % de salaire sur 5 ans (Wharton).

Découvrir →

L'organisation

Culture apprenante

Ancrer le feedback, incarner les valeurs, faire circuler le savoir entre les générations.

06 — Données

Tableaux & statuts

BinômeDomaineAffinitéStatut
Morgan ↔ LéopoldineLeadership94%● Actif
Thierry ↔ AhmedPrise de poste81%● En cours
Jeanne-C. ↔ —● À matcher

07 — Feedback

Alertes & flash

Succès. Le binôme a été créé et les deux parties notifiées.

!

Attention. 3 mentorés attendent un match depuis plus de 14 jours.

×

Erreur. L'invitation n'a pas pu être envoyée.

i

Info. Rythme conseillé : 1 à 2h/mois pendant 6 à 12 mois.

08 — Application

Layout applicatif

Tableau de bord

Bonjour Virginie

Binômes actifs

▲ 12%

412

Recommandation

▲ 3pts

97%

Heures mentoring

▲ 8%

1 240

À matcher

attente

7

Sessions par mois

6 derniers mois
Jan
Fév
Mar
Avr
Mai
Juin

Activité récente

  • Binôme Morgan ↔ Léopoldine validé

    il y a 2h

  • Session clôturée par Ahmed

    hier

  • +

    3 nouveaux mentors inscrits

    il y a 2 jours

Aucun match en attente

Tous les mentorés sont accompagnés. Invitez de nouveaux mentors pour anticiper.

Skeleton / chargement

09 — Motion

Animations

Mouvements sobres et fonctionnels. Reveal au scroll via rise (cubic-bezier doux). Survol des cartes : lift discret.

rise

spin

shimmer

pulse

Pour les devs

config/tailwind.config.js

// MonMentor — Design System B « Prométhée »
colors: {
  encre:      '#1B1726',  // texte & fond sombre
  'encre-2':  '#322B45',
  braise:     '#E2562B',  // PRIMARY — la flamme
  'braise-d': '#B83C16',
  or:         '#D9A521',  // accent or antique
  'or-d':     '#A6790E',
  indigo:     '#2E2A6B',  // clin d'œil IA / nuit
  parchemin:  '#FBF6EC',  // fond clair (marbre)
  'parchemin-2':'#F2E9DA',
  marbre:     '#FFFFFF',  // surfaces
  sauge:      '#4F9D69',  // success
  ambre:      '#D98A2B',  // warning
  terre:      '#C8412E',  // danger
  ligne:      '#E9E0D2',  // bordures
  gris:       '#6B6478',
},
fontFamily: {
  display: ['Fraunces', 'serif'],        // titres
  sans:    ['"Inter Tight"', 'sans-serif'], // UI / corps
  mono:    ['"JetBrains Mono"', 'monospace'],
},
backgroundImage: {
  flamme: 'linear-gradient(135deg,#E2562B,#D9A521)', // signature
}
// Boutons = rounded-xl + shadow-feu · eyebrows = mono uppercase .22em braise