Source de vérité · 2026-09-08

Le jardin, pas le catalogue d’outils.

Ce fichier est la référence. Couleurs, voix, mascotte, sitemap, stratégie B2B/B2C. Quand on met à jour Grower, on part d’ici — pas d’une autre page violette « IA ».

Fichiers locaux uniquement. Rien n’est publié.

01 · Position

Grower est un système de croissance. On plante un nom. Le reste pousse.

Pas une agence qui vend des slides. Pas un ChatGPT habillé. Pas une app de méditation. Un OS : tu donnes une identité (société ou personne), Grower sort le terrain déjà semé.

Promesse

Entrer un nom. Sortir un système : site, réseaux, emails, SEO, et les bras IA qui parlent / appellent. Le client choisit, il ne part pas de zéro.

Métaphore

Serre, anneaux de croissance, semis. CauseHouse construit une maison pour une mission. Grower cultive un organisme — marque ou personne — jusqu’à la récolte.

Référence structurelle

causehouse.co : air, thèse claire, process numéroté, portes d’audience. On garde cette clarté. On n’emprunte pas leur palette ni leur ton nonprofit.

02 · B2B / B2C

Un moteur. Deux portes. Pas un deuxième produit « mieux-être ».

Recommandation

Garder Perso, mais le caler sur le même moteur.

Le B2C « grandir mentalement grâce à l’IA » trop large devient Headspace + journal. Ça ne colle pas à Grower, et ça dilue le B2B déjà fort. La bonne porte B2C : faire pousser une personne publique — indépendant, créateur, cadre qui veut une marque, quelqu’un qui vise un poste.

Ce qu’on ne fait pas en v1

Thérapie, méditation, dating, « devenir la meilleure version de soi » flou. Le mental entre comme rituel d’exécution : briefing du matin, plan 90 jours, revue hebdo. Pas comme cabinet.

Porte Pro

Input : nom de société ou marque.
Output : machine marketing déjà remplie.

  • Site : plusieurs maquettes, tout prérempli, le client choisit
  • Réseaux : posts dans le style de la marque
  • Emailing : templates HTML par type d’événement
  • SEO : marché, concurrents, textes + visuels (Pexels / APIs)
  • Répondeur IA, autocaller IA
  • Plus tard : CRM léger, reports, ads briefs

Porte Perso — ce que je propose

Même usine, autre graine. La personne est la marque.

  • Site / portfolio — mêmes maquettes, ton « je »
  • Voix sociale — LinkedIn d’abord, puis IG / TikTok
  • Kit carrière — CV, lettres, pitch 30s, prépa entretien
  • Plan 90 jours — un objectif, des semaines, des mouvements
  • Briefing du matin — 3 actions, pas 40 conseils
  • SEO de ton nom — ce que Google dit de toi
  • Revue hebdo — ce qui a poussé / ce qui est resté en terre

Si tu vois le truc autrement

Autre lecture possible, plus dure : v1 = Pro seulement. Perso devient un tunnel d’acquisition (outils gratuits : pitch, audit LinkedIn, plan 90 jours) qui convertit vers Pro quand la personne lance ou structure une activité. Plus simple à vendre, moins de surface. On peut le faire si tu veux un focus laser.

Ma lecture préférée pour grower.fr : deux portes dès la home, un seul compte, un seul moteur. Un freelance commence en Perso. Le jour où il a une SAS, il ouvre Pro sans changer d’outil. C’est ça, « grower ».

03 · Sitemap

Structure du site public

Marketing

  • / — thèse + champ « planter » + deux portes
  • /pro · /perso
  • /outils · /comment-ca-pousse · /tarifs
  • /charge — prise en charge (périmètre + frais à part)
  • /faire-pousser — semis → compte
  • /contact · /login · /register
  • /charte — source de vérité (cette page)

Produit (après login)

  • /app — jardin : les cultures en cours
  • /app/nouvelle — planter un nom
  • /app/site — choix de maquettes
  • /app/social — file de publications
  • /app/emails — templates HTML
  • /app/seo — carte de marché
  • /app/voix — répondeur (Pro)
  • /app/appels — autocaller (Pro)
  • /app/plan — 90 jours + briefing (Perso)
  • /app/carriere — kit (Perso)
  • /app/domaines — enregistrer / louer / revendre (Perso)

04 · Mascotte

Pousse. Une graine qui a déjà le regard.

Pas une plante kawaii, pas un robot. Un organisme un peu décalé : corps-graine, deux yeux inégaux, une tige, deux feuilles (une mûre, une neuve). Elle habite les états vides, le loader, le favicon, la signature mail.

Règles

Toujours vectorielle. Yeux légèrement inégaux — c’est elle. Feuille lime = le neuf. Feuille verte = le solide. Ne jamais la faire courir, danser, ni porter des lunettes IA. Elle observe, elle pousse.

Usages

Mark : elle seule, 32–48px.
Wordmark : Pousse + Grower.
Loader : les anneaux autour d’elle s’ajoutent.
Erreur : feuille un peu penchée, pas de sueur cartoon.

05 · Couleurs

Serre froide, terre, feuille, jeune pousse.

Pas de crème + terracotta (défaut studio). Pas de noir + vert acide. Fond verre de serre, encre de terreau, lime comme champ — rarement comme texte.

Glass #F3F6F2
Fond de page
Paper #FFFFFF
Cartes, champs
Soil #14241C
Texte, CTA
Soil soft #3D4F44
Texte secondaire
Leaf #1B6B45
Liens, kickers
Sprout #C8DC4A
Champ, soulignage
Harvest #C4471A
Mûr, alerte chaude
Mist #D5DDD4
Filets

Les tweaks vivent dans localStorage. La source reste css/grower.css.

06 · Typographie

Grotesque pour planter. Serif pour lire.

Display · Bricolage Grotesque 800 · tracking -3.5%

Entre un nom.

Titre · Bricolage Grotesque 700

On fait pousser le reste.

Corps · Newsreader 400 / 500 italic · 18px / 1.55

Le corps est une revue, pas un dashboard. On lit Grower comme on lit un horticulteur qui explique la saison — phrases longues autorisées, jargon interdit.

UI / boutons · Bricolage 700

Faire pousser · Voir les maquettes · Ouvrir Pro

Méta · JetBrains Mono 500 · 12px · uppercase

Saison 01 · Semis

07 · Forme, filets, espace

Coins doux, filets de terre, ombre lime.

Radius

10 / 18 / 28 / pill. Jamais 0 (on n’est pas un journal). Jamais 50% sauf anneaux et Pousse.

Filets

1.5px mist en interne. 1.5px soil quand ça compte (champ, portes, process). L’ombre signature : 0 18px 0 sprout sous le champ de plantation.

Espace

Rythme 8. Sections 96px desktop, 64px mobile. Contenu 1180, large 1360. Mesure de lecture ≤ 38rem.

08 · Composants

Les pièces qu’on répète.

Champ de plantation

Signature du site. Un seul champ. Un verbe. Une ombre lime.

09 · Variantes de sections

Un catalogue, pas une page unique.

A · Hero plantation

Growth OS

Entre un nom. On fait pousser le reste.

Thèse + switch Pro/Perso + champ. C’est la home.

B · Deux portes

Pro

La société

Perso

La personne

C · Process 4 saisons (ordre utile — donc numéroté)

01 Semis · 02 Treillis · 03 Culture · 04 Récolte. Pas des « 01 features » décoratifs.

D · Bento d’outputs

4 à 6 cartes : Site, Social, Mail, SEO, Voix, Appels / Plan, Carrière. Une idée par carte.

E · Sélecteur de maquettes

Cadre navigateur + liste de directions. C’est le produit, montré, pas raconté.

F · Bandeau terre

Prêt à planter ?

CTA final. Fond soil, texte verre, bouton lime.

G · Citation revue

« J’ai entré le nom. Le site était déjà à notre voix. »

Voix d’exemple — maquette, pas un avis inventé présenté comme vrai

H · Tarifs 3 bacs

Graine (entrée Perso) · Serre (Pro cœur) · Domaine (voix + appels + volume). Une carte terre au milieu.

10 · Voix

Horticulteur précis. Jamais guru. Jamais Slack corporate.

On dit

Planter, pousser, treillis, saison, récolte, voix, maquette, déjà rempli. Verbes. « Entre un nom. » « Choisir une direction. » « Voir ce qui a poussé cette semaine. »

On ne dit pas

Synergie, scale, unlock, next-gen, supercharge, 10x, « votre succès », « révolutionner ». Pas d’emoji dans l’UI. Pas de chiffres de vanité inventés.

11 · Motion

Le hors-champ est flou. Le titre se lève.

GSAP + ScrollTrigger. Split mots/lettres sur les display. Blur 12px → net quand ça entre, reverse en sortant. Hover titres : tracking + 2px. CTA hero : magnétique léger. Anneaux : respiration lente. App : pas de blur (outil, pas vitrine). Reduced-motion : tout off.