Menu

Charte graphique

Le dossier vivant

Pour la presse et les partenaires : comment présenter L’Arbre aux absents. Un bureau d’enquêteur la nuit, du papier sous la lampe, des gestes d’archiviste. Toutes les valeurs de cette page sont lues dans le système de design du jeu.

Titre

Le titre du jeu

Fraunces noir, « absents » en italique vermillon, une volute de fougère. Trois tailles : affiche, écran titre, en-tête.

Affiche, sur la nuit du bureau (usage principal)
Écran titre, sur papier
En-tête et emblème : icône, avatar, favicon

Couleurs

Palette d’encre et de papier

Valeurs en OKLCH (source) et leur équivalent hexadécimal approché, pour l’impression et les outils qui n’en ont pas.

L’encre de nuit

Le bureau plongé dans le bleu de la nuit : un bleu d’encre profond qui se fond dans le mur de l’art clé, et le texte vélin.

  • Encre de nuit Fond du bureau --canvas #07152e
  • Nuit Panneaux --surface-1 #0e203c
  • Nuit claire Champs, survols --surface-2 #162a47
  • Ardoise Bordures de contrôles --line-strong #7a95b4
  • Vélin Texte --text #f6f1e7
  • Vélin passé Texte secondaire --text-muted #d2cab9

Safran, vermillon, céladon

Trois couleurs, trois rôles : le safran pour l’action (une seule par écran), le vermillon pour la marque, le céladon pour la fougère. Le violet de tampon marque ce qui est établi.

  • Safran Action, lien, focus --accent #ffbe3d
  • Safran bruni Tranche du bouton --accent-edge #c48225
  • Vermillon Titres, surtitres, filets --brand #fc7754
  • Vermillon foncé Étiquette rouge --brand-fill #c1291b
  • Céladon Fougère, ornements --fern #7bceb4
  • Céladon profond Fougère sur papier --fern-deep #166355
  • Encre de tampon Case « Établi » --established #c1a0fb

Papiers et encres

Tout ce qui se lit est du papier sous la lumière, écrit à l’encre ferro-gallique.

  • Papier neuf Fiches, lettres --paper-new #fbf8ef
  • Papier Documents, carte --paper #f5f0e1
  • Papier vieilli Coupures, annuaires --paper-aged #eee6d2
  • Papier piqué Creux, taches --paper-stain #e5d9c2
  • Encre ferro-gallique Texte sur papier --ink #19263f
  • Encre diluée Texte secondaire --ink-muted #42536e
  • Encre de plume Manuscrit --ink-hand #18417c
  • Laiton bruni Action sur papier --paper-accent #8b4e00

Les matières du bureau

Chemises de kraft, fiches bristol à réglure bleue et ligne de tête rouge, bandes d’étiqueteuse.

  • Kraft Chemise --kraft #d1a978
  • Kraft ombré Dos de chemise --kraft-shade #be8d5a
  • Manille Étiquettes, intérieur --manila #ead9b2
  • Bristol Fiche --card #fbf8ef
  • Réglure Lignes de la fiche --card-rule #86b9d8
  • Ligne de tête Filet rouge de la fiche --card-margin #e54728
  • Bande bleue Étiqueteuse --label-tape #073b7a
  • Bande rouge Étiqueteuse, annonce --label-tape-red #c1291b

Le décor de l’art clé

Le bois de la lampe, le velours du rideau, le crépuscule à la fenêtre. Décor seulement : jamais un texte.

  • Bois ombré Bureau, lampe --wood #543429
  • Bois éclairé Dans la flaque de lumière --wood-lit #9e715c
  • Velours Rideau --velvet #785560
  • Crépuscule rose Ciel --dusk-rose #ebc1cc
  • Crépuscule lilas Ciel --dusk-lilac #cac6e6
  • Crépuscule pêche Ciel --dusk-peach #f1c7ac
  • Voile de zone calme Sous un titre posé sur l’art --scrim-art oklch(0.14 0.045 260 / 0.9)

Les lavis du coloriste

Huit pigments transparents posés sur la gravure, plus deux eaux. Ils ne portent jamais de texte seuls.

  • Safran Places, édifices civiques --art-wash-safran #efcc83
  • Carmin Demeures, tuiles --art-wash-carmin #eca4a9
  • Indigo Administrations, uniformes --art-wash-indigo #a8bbe2
  • Sienne Ateliers, terres --art-wash-sienne #e9af90
  • Sauge Forêts, jardins --art-wash-sauge #bed3aa
  • Lilas Chapelles, deuil --art-wash-lilas #d0bae2
  • Céladon Marais, verre --art-wash-celadon #b1dccc
  • Ardoise Toits, pierre --art-wash-ardoise #b4bfca
  • Eau Mer, lacs --art-water #afdadf
  • Eau profonde Chenaux --art-water-deep #8bc2cf

Typographie

Sept polices libres

Toutes sous licence SIL Open Font License, auto-hébergées. Aucune police pixel art.

  • Fraunces · Titrage d’affiche, « old style » aux axes doux et bancals

    Une famille effacée des registres.

  • Oswald · Étiquettes, onglets, boutons, tampons (capitales)

    ORC 74 · DIFFUSION · ARCHIVES

  • Literata · Lecture : documents imprimés, textes longs

    Reconstituez l’arbre d’une famille, pièce par pièce.

  • Instrument Sans · Interface : panneaux, navigation, réglages

    Archives · Carnet · Carte · 12 / 30 identifiés

  • Courier Prime · Machine à écrire : rapports, télégrammes, fiches

    OFFICE DE RÉINSCRIPTION CIVILE — DOSSIER N° 74-0112

  • Caveat · Manuscrit : lettres, dos de photographies (remplaçable)

    Bons baisers des Bains-de-Mérande…

  • Atkinson Hyperlegible Next · Option de lisibilité du jeu

    Une police pensée pour la lecture facile.

Matières

Le bureau en matières

Rien n’est une « carte » abstraite : chaque surface est un objet du bureau, posé, épinglé, scotché.

  • La feuille

    Papier, bords droits, déchirés ou perforés ; ruban, trombone, punaise.

  • La chemise

    ORC 74-118

    Kraft ou manille, une cote à l’étiqueteuse, un onglet.

  • La fiche

    RG-09

    Bristol, réglure bleue, ligne de tête vermillon.

  • Étiqueteuse Annonce
    Ruban adhésif
    Le tampon violet marque ce que le joueur a établi.

Icônes

Encrées à la plume

Un tracé principal irrégulier, un second passage d’encre fin, et parfois un lavis d’aquarelle derrière. Les mêmes formes, nettes, sous 14 pixels.

  • Arbre
  • Archives
  • Lecteur
  • Catalogue
  • Carnet
  • Carte
  • Tableau
  • Visages
  • Chercher
  • Tampon
  • Lampe
  • Plume
  • Lettre
  • Photo
  • Boussole
  • Machine
  • Fougère
  • Verrou

Ornements

  • Coin
  • Fougère
  • Filet
  • Sceau
  • Trombone
  • Punaise
  • Volute

Mouvement

Des gestes d’archiviste

Tout bouge comme du papier dans une main : on distribue, on pose, on encre, on tamponne. Courbes douces, rebond léger, jamais de rebond de dessin animé. En mouvement réduit, tout apparaît en fondu, et l’ambiance se fige.

  • N° 1
    N° 2
    N° 3

    Distribuer

    Les fiches arrivent en cascade et se calent de biais.

  • Velmarche

    Encrer

    Le trait se dépose de gauche à droite, l’encre sèche.

  • Tamponner

    Le tampon frappe, l’encre s’étale, la case encaisse.

  • Respirer

    Une feuille épinglée se balance, la lampe vacille.

Illustration

Gravure rehaussée d’aquarelle

Un trait d’encre ferro-gallique bleu-noir, des hachures pour le volume, puis des lavis transparents qui débordent un peu, comme la main d’un coloriste. Les documents du jeu sont du papier dans la lumière ; l’interface autour reste sombre, nette et discrète.

Usage

À faire, à éviter

À faire

  • Le titre du jeu sur la nuit du bureau, en vélin et vermillon, ou sur papier, à l’encre.
  • Sur l’art clé, seulement dans sa zone calme, sur le voile prévu.
  • Les illustrations sur leur papier, sans recadrage qui coupe un visage.
  • Le safran pour une seule action par écran ; le vermillon pour la marque.

À éviter

  • Recolorer le titre, le déformer ou lui ajouter une ombre ou un contour.
  • Poser le titre sur une illustration chargée ou sur la carte.
  • Employer une police pixel art ou une typographie de fantaisie.
  • Révéler un nom, un secret ou une fin de l’enquête dans une communication.

Signature

Logos de la maison

Dans cet ordre, sur une même ligne de base : CARDOR Media, CM Interactive, CM Creative Lab. Monochromes sur le site et dans le jeu ; couleurs d’origine ci-dessous, pour la presse.

  • CARDOR Media Édition
  • CM Interactive Développement et édition
  • CM Creative Lab Écriture, illustration et carte

Ressources

À télécharger