Brand Book — Identité Visuelle

Charles-Eliott

Le monde est conçu pour te disperser.
Je me suis perdu dedans.
Je documente le retour.

V1.0 — Mars 2026
01 — Essence de marque

L'ADN visuel

Chaque choix graphique traduit un principe de fond : la tension entre le digital qui disperse et le retour à soi qui ancre. Le branding n'est pas décoratif — il est narratif.

Ancré, pas new-age

L'identité évoque la terre, la pierre, le matériau brut — pas les pastels wellness ou les néons tech. On est dans la reconnexion, pas dans l'évasion.

Tendu, pas lisse

La contradiction est un atout. Le branding intègre la tension digital/humain dans ses contrastes : tons chauds terreux + accents froids technologiques.

Éditorial, pas influenceur

L'esthétique est celle d'un magazine de fond, pas d'un compte lifestyle. Typographie soignée, espaces généreux, pas de surcharge visuelle.

Personnel, pas corporate

Le serif apporte de l'humanité et de l'autorité sans rigidité. Le mono apporte le côté tech/insider. L'ensemble reste chaleureux.

02 — Palette chromatique

Couleurs

Terreux et ancrés pour le fond. Teal technologique et terracotta émotionnel pour les accents. Pas de violet, pas de bleu générique, pas de pastel.

Couleurs primaires — Fondation
Charcoal #1C1917
Warm Black #292524
Stone 800 #44403C
Stone 600 #57534E
Stone 200 #E7E5E3
Bone #F5F0EB
Cream #FAF8F5
Accents — Énergie & Tension
Terracotta #C2410C
Terracotta Light #EA580C
Amber #D97706
Teal Deep #115E59
Teal #0D9488
Teal Light #5EEAD4
Règles d'utilisation

Terracotta = Émotion

CTA, éléments cliquables, mots-clés émotionnels dans les thumbnails. Utilisé avec parcimonie — jamais en fond plein.

Teal = Technique

Labels, données, catégories, code, éléments systémiques. Représente le côté « insider tech » de la chaîne.

Charcoal = Autorité

Fond principal des thumbnails et de la bannière. Crée le contraste nécessaire pour la lisibilité sur mobile.

03 — Typographie

Trois voix, un récit

Le système typographique reflète les trois couches de valeur : l'intellectuel (serif), l'émotionnel (sans-serif), le technique (mono). Toutes sont gratuites via Google Fonts.

DM Serif Display — La voix éditoriale

Titres, headlines, accroches
Retrouver le contrôle
De l'intérieur, vers ailleurs.
L'attention est la ressource la plus précieuse du 21e siècle.

Usage : titres de vidéo dans le montage, thumbnails (titre principal), bannière YouTube, en-têtes de newsletter. Tailles recommandées : 32px–72px. Jamais en corps de texte.

Work Sans — La voix du récit

Corps, sous-titres, descriptions

Light 300 Je me suis perdu dans le monde que j'aidais à construire.

Regular 400 Je me suis perdu dans le monde que j'aidais à construire.

Medium 500 Je me suis perdu dans le monde que j'aidais à construire.

Semibold 600 Je me suis perdu dans le monde que j'aidais à construire.

Bold 700 Je me suis perdu dans le monde que j'aidais à construire.

Extrabold 800 Je me suis perdu dans le monde que j'aidais à construire.

Usage : descriptions YouTube, corps de newsletter, sous-titres dans le montage, texte sur les réseaux sociaux. Le weight 800 est réservé aux mots-clés des thumbnails.

JetBrains Mono — La voix technique

Labels, catégories, données

UX/UI DESIGN → DARK PATTERNS → ÉCONOMIE DE L'ATTENTION
7 ans d'expérience · Co-fondateur · Burnout survivor
Pilier 01 — Enquête  |  Pilier 02 — Récit  |  Pilier 03 — Outils

Usage : labels de catégories, numéros de sections, timestamps, éléments UI dans le montage, chapitres YouTube. Toujours en uppercase avec letter-spacing. Taille max : 14px.

PILIER 02 — RÉCIT PERSONNEL

J'ai passé 7 ans à concevoir des interfaces conçues pour capturer ton attention.

Voici ce que je sais — et ce que ça m'a coûté. Ce n'est pas un cours de développement personnel. C'est un compte-rendu d'enquête de l'intérieur, avec les données, les ratés, et les questions qui restent ouvertes.

Durée : 18 min · Publié le 15 avril 2026
04 — Logo & Wordmark

Identité typographique

Pas de logo symbolique à ce stade — un wordmark fort suffit. Le nom « Charles-Eliott » en DM Serif Display est l'identité. Simple, mémorable, scalable.

Charles-Eliott De l'intérieur, vers ailleurs Principal — Fond sombre
Charles-Eliott De l'intérieur, vers ailleurs Inversé — Fond clair
Charles-Eliott De l'intérieur, vers ailleurs Accent — Usage limité
Charles-Eliott De l'intérieur, vers ailleurs Technique — Usage limité

Le trait d'union dans « Charles-Eliott » est une signature visuelle — il ne doit jamais être remplacé par un espace. Le sous-titre « De l'intérieur, vers ailleurs » est toujours en Work Sans Light ou en JetBrains Mono uppercase.

05 — Bannière YouTube

Le territoire visuel

La bannière doit communiquer immédiatement le positionnement : sérieux éditorial, pas lifestyle. Zone safe mobile = centre seulement.

Format : 2560 × 1440px. Zone safe visible sur tous les appareils : 1546 × 423px au centre. Fond Charcoal avec gradient subtil teal en coin droit. Pas de photo — la typo fait le travail.

06 — Système de thumbnails

Le clic se gagne au design

Trois templates distincts par pilier de contenu, reconnaissables instantanément dans le feed. Fond sombre dominant pour se différencier de 90% des chaînes françaises sur fond blanc.

Pilier 01 — Enquête
Comment TikTok
a hacké ton cerveau
Pilier 02 — Récit
J'ai fait un burnout
à cause de mes ambitions
Pilier 03 — Outils
Ma méthode de
détox progressive
Pilier 04 — Vision
La lenteur comme
acte politique
Données
Le droit à la déconnexion
est une fausse solution
Personnel
7 ans à concevoir
des pièges à attention

Règles absolues : (1) Maximum 8 mots sur la thumbnail — le titre YouTube complète. (2) Fond sombre par défaut sauf Pilier Outils (fond clair = respiration). (3) Le label de pilier en mono est toujours visible. (4) Visage uniquement sur les vidéos récit (pilier 2) — à gauche ou à droite, jamais centré. (5) Tester 3 variantes de chaque thumbnail avant publication.

07 — Présence multi-plateforme

Cohérence distribuée

La bio est identique partout. La photo de profil est la même. Seul le format de contenu change — pas l'identité.

Photo de profil : Portrait buste, fond Charcoal, éclairage latéral chaud, regard caméra. Pas de sourire forcé. Pas de filtre. Expression neutre-engagée. Recadrée très serrée pour la lisibilité en petit format mobile.

08 — Principes visuels

Ce qui définit la marque — et ce qui la détruit

✓ Toujours

  • Fond sombre dominant (90% du temps)
  • Contrastes forts — le mobile est le premier écran
  • Espaces généreux, jamais de surcharge
  • Typographie comme élément visuel principal
  • Labels de catégorie en mono uppercase
  • Terracotta pour l'émotion, Teal pour le technique
  • Cohérence entre thumbnail et premier plan de la vidéo
  • Maximum 2 couleurs d'accent par visuel

✗ Jamais

  • Fond blanc générique sur les thumbnails
  • Violet, rose, ou gradients néon type « tech bro »
  • Emojis dans les titres ou thumbnails
  • Flèches rouges, cercles, visages surjoués
  • Plus de 8 mots sur une thumbnail
  • Polices « fun » (Comic Sans, Lobster, etc.)
  • Photos stock ou images génériques IA
  • Esthétique wellness/spa (pastels, mandala, lotus)
09 — Récapitulatif technique

Les specs en un coup d'œil

Polices

Display : DM Serif Display (Google Fonts)
Body : Work Sans 300–800 (Google Fonts)
Mono : JetBrains Mono (Google Fonts)

Couleurs primaires

Charcoal : #1C1917
Bone : #F5F0EB
Terracotta : #C2410C
Teal : #0D9488

Formats clés

Thumbnail : 1280 × 720px
Bannière : 2560 × 1440px
Profil : 800 × 800px
Story/Reel : 1080 × 1920px

Outils recommandés

Design : Figma (gratuit)
Thumbnails : Canva Pro ou Figma
Montage : DaVinci Resolve
Templates : À créer dans Figma

Charles-Eliott

BRAND BOOK V1.0 — MARS 2026 — DOCUMENT CONFIDENTIEL