Identité de marque

Charte
Graphique 2026

Lecoanet Design Infographiste · Motion Designer Lyon, France

00 · Logotype

Le cadre viseur.

Le logo reprend le langage du métier : un repère de cadrage de caméra autour du nom, un point "REC" actif, un wordmark en capitales condensées. Toujours sur fond sombre.

Espace de respiration

Zone de dégagement minimale autour du logo égale à la hauteur du "L" de Lecoanet. Rien ne doit entrer dans cet espace.

Taille minimale

120px de large à l'écran, 20mm en impression. En dessous, le point REC peut être retiré pour préserver la lisibilité.

Fond

Toujours sur un fond sombre (Ground ou Deck). Le wordmark ne se pose jamais directement sur un fond clair.

01 · Palette

Bleu nuit & or.

Huit couleurs, deux rôles : les fonds et surfaces construisent la profondeur d'un plateau de tournage nocturne ; l'or et le teal signalent l'action.

Ground

#0B1220

Fond principal de toutes les pages

Deck

#131B2E

Surface des cartes et panneaux

Deck 2

#1B2740

Surface relevée, état survol

Line

#263454

Filets, séparateurs, bordures

Paper

#F4EFE1

Texte principal, blanc cassé chaud

Slate

#8792AC

Texte secondaire, légendes

Tally

#E8A33D

Accent primaire · REC, CTA, focus

Scope

#35C6C2

Accent secondaire · données, liens actifs

02 · Typographie

Trois rôles, trois polices.

Chaque police a un seul travail. On ne les mélange pas à l'intérieur d'un même rôle.

Anton Display · titres & wordmark

Créateur d'images
et de mouvements

Capitales uniquement · une seule graisse · resserrer légèrement le tracking sur les gros corps

IBM Plex Mono Mono · technique & données

TC 00:14:22:08
courbe · cubic-bezier(.38, 0, .55, 1)
réf · 04 / IV · Webdesign

Timecodes, numérotation de section, légendes de courbes, labels de formulaire

Manrope Texte courant

Infographiste et motion designer freelance basé à Lyon, j'accompagne marques, agences et indépendants en France et à l'international.

400 pour le corps de texte, 700–800 pour les emphases (strong) et les boutons

Fiche technique Pour réutiliser les polices ailleurs

Rôle	Police	Graisses	Variable	Repli
Display	Anton	400	--display	Arial Narrow, sans-serif
Technique	IBM Plex Mono	400 · 500 · 600	--mono	SFMono-Regular, Consolas, monospace
Texte	Manrope	400 · 500 · 600 · 700 · 800	--body	-apple-system, Segoe UI, sans-serif

Les trois familles viennent de Google Fonts et sont publiées sous SIL Open Font License 1.1 : utilisation libre, y compris commerciale, sans achat de licence.
Elles ne sont pas appelées chez Google : les fichiers woff2 sont hébergés sur le site, dans /fonts, déclarés par fonts/fonts.css · latin et latin étendu, 128 Ko au total. Aucune donnée de visiteur ne part vers un serveur tiers.

03 · Signes

Le vocabulaire visuel.

Des motifs empruntés au poste de montage, réutilisés comme repères plutôt que comme décoration.

Cadre viseurLogo, cartes actives

REC

Point liveÉtat actif, en cours

Losange keyframeRepères d'animation

00:00:00:00

TimecodeProgression de scroll

Contour de survolVignette de projet · état actif

+–

BasculeBloc dépliable · fermé / ouvert

04 · Usage

Ce qu'on fait, ce qu'on évite.

▸ À faire

Poser le logo sur un fond Ground ou Deck, jamais sur une photo chargée sans assombrissement.
Réserver l'or (Tally) à une seule action par écran, il perd son sens s'il est partout.
Garder les numérotations de section (00, 01, 02…) dans l'ordre réel du contenu.
Garder un seul gabarit de bouton : mono 12px, capitales, interlettrage .06em, filet 1px, rayon 10px.

▸ À éviter

Recolorer le wordmark hors palette, ou l'incliner / déformer.
Mélanger Anton avec une autre police display dans un même titre.
Utiliser le point REC comme simple puce décorative sans état "actif" réel.
Encadrer ou étiqueter les vignettes de projet : elles se présentent nues, le contour d'or au survol suffit.