Brand book · Pascal AI · v1.0 · pour Pascal · agence · futur Claude
Comment tout
se ressemble.
Une marque cohérente n'est pas un logo · c'est un système de décisions répétées. Voici les nôtres.
I · palette
Encre · crème · or.
Trois couleurs principales. Pas de gradient stock. Pas de purple-to-pink. L'encre dit profondeur Quebec · la crème dit chaleur humaine · l'or dit AI quand AI parle.
II · typographie
Trois familles · trois rôles.
Fraunces italic pour l'humain et l'AI · Manrope pour le narratif · JetBrains Mono pour les métadonnées. Jamais système · jamais Inter générique · jamais Helvetica.
Fraunces italic · 300-400 · opsz 96-144 · 5xl-7xl display
Headings · AI dialogue · moments éditoriaux
Une IA qui a une âme.
Fraunces italic · 400 · opsz 60 · xl-2xl
Quotes · sub-heads · poetic body
« Mets ton focus là-dessus. »
Manrope · 300-500 · base-lg
Body · paragraphes · narratif
Pascal AI ne doit jamais sonner comme une IA.
JetBrains Mono · 400-500 · 10px tracking-[0.4em]
Eyebrows · metadata · labels · tags
I · POURQUOI
III · principes
Huit règles qu'on suit sans les dire.
Si une décision technique violait une de ces règles · on l'a refaite. Si un agency les ignore · ils ne build pas pour Pascal AI · ils build pour quelqu'un d'autre.
Found, not pushed
Pas de bannières. Pas de modals tape-à-l'œil. Le power user découvre · ne se fait pas pousser.
exemple
⌘K palette · J/K nav · push-to-talk · révélés par usage · pas par tutoriel
Personal assistant > tool
Chaque label · chaque empty state · chaque erreur parle première personne · connaît l'utilisateur · anticipe.
exemple
« Ce que j'ai capté pour toi » · pas « Notes captured »
Editorial luxury, not corporate
Espacement large. Italic Fraunces pour l'humain. Mono pour le métadonnées. Jamais slate-blue stock SaaS.
exemple
Couleurs ink/cream/gold · jamais bleu Atlassian · jamais purple gradient hero
Closed-loop verification
Tu écris → l'IA répond dans ton ton → recap prouve ce qui s'est passé. Pas de magie aveugle.
exemple
Pascal AI cite le nœud du brain graph d'où vient sa réponse · jamais hallucination
Anti-vanity metrics
Pas de leaderboards · pas de NPS · pas de email opens. Montre les reçus · pas les vanity numbers.
exemple
« 14 heures récupérées cette semaine » · pas « +12% engagement »
Quebec-first, bilingual equal
Fr-CA d'abord · En-CA égal. Loi 25 obligatoire. Voix locale · pas traduction Google.
exemple
« Mets ton focus » · pas « Focus on this » traduit
Keyboard-first power UX
Toute action principale doit avoir raccourci. Souris est un fallback · pas un pré-requis.
exemple
⌘K · J/K · ESC · SPACE · Enter · partout
Motion serves meaning
Animation 300-600ms ease-out pour reveals. Jamais décorative. prefers-reduced-motion respecté.
exemple
Stagger sur sections in-view · pas de parallax aléatoire
IV · do · don't
Ce qu'on ne fait jamais · ce qu'on fait à la place.
La taste se voit dans les choses qu'on REFUSE. Voici les patterns qu'on a rejeté · et ce qu'on a fait à la place.
✗ Don't
« Welcome back! » avec emoji 🎉
✓ Do
« Bon mardi Pascal · prêt pour la session avec Marie 14h ? »
pourquoi · Generic SaaS = friction · personal-assistant = trust
✗ Don't
Em-dashes (—) dans copie client
✓ Do
Séparateurs · ou tirets - normaux
pourquoi · Loi 25 + voix québécoise · em-dash sonne corporate anglais
✗ Don't
Purple-to-pink gradient hero
✓ Do
Encre #0a0a0c uni · gold accents rares
pourquoi · Le gradient stock dit « tech startup » · pas « éditorial luxe »
✗ Don't
Toasts pop-up succès « Saved! »
✓ Do
Discrète check inline · ou rien (silent assume success)
pourquoi · Quiet competence > flashy theater
✗ Don't
Gros bouton orange « Get Started »
✓ Do
Discret CTA texte mono ALL CAPS tracking large
pourquoi · On vend pas un freemium · on vend une présence
✗ Don't
Charts pie 3D · dashboards exhaustifs
✓ Do
Une métrique · grosse · italic · contexte sous
pourquoi · Vanity = 5 chiffres égaux · taste = un chiffre qui matter
V · motion
Animation au service du sens.
Aucune animation décorative. Toute motion sert un but · révéler · confirmer · transitionner. 300-600ms ease-out par défaut. prefers-reduced-motion respecté partout.
Section in-view
opacity 0→1 · y 20→0 · 0.8s cubic-bezier(0.22, 1, 0.36, 1)
Hover · CTA gold
background gold→gold-clair · 200ms ease-out
AI typing
3 dots cycle · 1.4s · cubic ease-in-out · scale 1→1.2
Modal entrance
scale 0.95→1 · opacity 0→1 · 250ms · backdrop blur 12px
Tab switch
x-12 → 0 · 350ms ease · color 200ms
Page transition
Pas de transition page · Next.js native · respect prefers-reduced-motion
VI · voix
Comment Pascal AI parle.
Ce sont les phrases verbatim de Pascal · minées de ses transcripts Plaud · qu'on injecte dans chaque output AI. Jamais inventé · toujours sourcé.
« Mets ton focus là-dessus, man. »
« Le reste, tu mets ça dans le parking lot. »
« C'est ça, c'est ça. »
« Une autre semaine de missions !!! »
« Ça avance !! »
« Formidable, excellent. »
« Fait que là, regarde-moi ça. »
« Mettons que tu fais 20 000 ce mois-ci. »
signature
Si tu suis ces règles
ça ressemblera à Pascal AI.
— Construit avec respect par Collin · pour Pascal · pour les 20+ agents qui suivent.