Charte EKRIN

Les trois piliers, dans cet ordre

Entre les piliers, le carré Copper de 6 px (planche 05). En texte courant : « Productivité, patrimoine, environnement ».

Les noms

Voix

• Français, direct, sans superlatif. La marque nomme le coût, la vacance et la trajectoire réglementaire sans dramatiser.
• Elle promet une lecture sous 24 h, signée par un associé. Prix d'entrée, quand il le faut : à partir de 8 k€.
• Aucun chiffre, prix, témoignage ou projet livré inventé. Des chiffres réels ou pas de chiffres.

L'emblème carré (deux triangles, deux équerres chanfreinées, un carré central) et le mot-symbole EKRIN. ADVISORY dessous, justifié sur la largeur d'EKRIN. Proportions verrouillées le 26 septembre 2026 : les fichiers de logos/ sont les maîtres.

Versions et fonds permis

Espace de protection et tailles minimales

c

L'espace de protection vaut c, le côté du carré central, sur les quatre côtés. Rien n'entre dans la zone hachurée : ni texte, ni filet, ni bord de page.

Interdits

Aussi interdit : le logo sur une photographie sans voile Sous-bois, et le mot-symbole en Montserrat. Le mot-symbole reste dessiné en Playfair Display : c'est un tracé, pas une police (QO-2).

Palette

Rôles par support

Contrastes mesurés (WCAG)

Règles de l'accent

• Un seul accent : le Copper. Une seule plage de Copper par écran ou par page.
• Sur fond clair, le Copper ne porte ni texte ni bouton : filets, icônes, séparateur des piliers, jauges. Seule exception : le grand chiffre éditorial du site (--figure, 24 px et plus, sur blanc uniquement). Dans le logiciel et les rapports, un chiffre est une donnée et reste en Forêt.
• Le chapeau en Bodoni n'est jamais en Copper. Il prend la couleur du texte.
• Le Laiton ne remplace jamais le Copper : un Laiton au plus par écran, jamais un bouton.
• Pas de dégradé, pas de lueur. Jamais de marine ni d'ambre : ce sont les couleurs de KORUS.

Classes DPE, échelle EKRIN

Échelles par support, en taille réelle

Chaque cellule lit ses tailles dans tokens.css sous le support de sa colonne (data-surface="app", data-surface="print"). Dans le logiciel, H2 et H3 passent en Inter 600 ; à l'impression, H3 aussi.

Règles communes

• Chiffres en JetBrains Mono, tabulaires dans les tableaux, alignés à droite.
• Pas de titre en italique. Pas de gras dans les titres Anton. Marge haute de 0,08 à 0,12 em pour les capitales accentuées.
• Une étiquette mono en capitales nomme une donnée ou un repère (cote, référence, indice). Elle ne décore pas chaque section.

Typographie française

Espace fine insécable avant : ; ? ! et à l'intérieur des guillemets. Espace insécable entre le nombre et l'unité. Séparateur de milliers : espace fine. Pas de tiret cadratin en chaîne.

Cartouche en ligne

En-tête de rapport, légende de figure : EKRIN · intitulé · échelle ou source.

Cartouche de plan et tableau des indices

Tampons de statut et visa

Rayon 2 px, Mono 11 px en capitales. Un seul tampon incliné de −2° par page. Le visa circulaire seulement sur un rapport certifié : « EKRIN ADVISORY · CERTIFIÉ · initiales · date ».

Plan, cotes, hachures

Séparateur des piliers

Trente pictos dans icons/icons.svg : vingt métier, dix d'interface. Trait de 1,5 px sur grille de 24 px, extrémités arrondies, couleur currentColor.

Métier

Interface

Tailles et couleurs

• Un picto par concept. Jamais d'emoji, jamais de picto plein, jamais un picto d'une autre bibliothèque à côté.
• Lichen pour un picto muet. Le Lichen ne colore jamais le texte qui l'accompagne.
• DPE et CAPEX restent peu lisibles à 16 px : à redessiner (QO-7). D'ici là, 20 px au moins.

Élévation

Trois ombres teintées Sous-bois, décalées vers le bas. Le logiciel en emploie de plus courtes (data-surface="app"). Aucune ombre sur papier.

Mouvement

Les cadres hachurés de cette planche sont des emplacements, pas des images. Aucune image n'est fabriquée pour ce guide.

Logiciel et rapports : cinq formes seulement. Pas d'anneau, pas de camembert. Valeur actuelle en Forêt, cible en Copper, repère réglementaire en Alerte. Les longueurs ci-dessous sont des exemples de tracé, les valeurs restent [X].

Site seulement, en plus

ekrinadvisory.com. Deux mondes : sombre (.mode-dark) pour le héros et les scènes du bâtiment, clair pour les offres, les prix, l'équipe et le contact. Une seule action principale par écran.

Groupes serrés, grands vides (R-18) : 8 à 24 px à l'intérieur d'un groupe, 64 à 96 px entre deux groupes. Le vide sépare, pas les filets ni les cadres. Titre de héros de 54 px au plus dans une demi-largeur, accroche en 15 px sur 44 caractères. Rangée de chiffres : une légende mono commune sur un filet, chiffres Anton 32 px en Copper (R-16), année en mono 11 px alignée sur le bord gauche, colonnes espacées de 48 px. Navigation : EKRIN sans ADVISORY.

Boutons

40 px de haut à la souris, 44 px sur écran tactile, marge latérale 18 px, rayon 6 px, Inter 500 14 px, picto 16 px, libellé sur une ligne. Survol en 160 ms (R-17).

éKlair, IMPAKT, back-office. data-surface="app" sur la racine : texte 14 px, tableaux 13 px, contrôles de 36 px. Anton pour le titre de page seulement ; sections et cartes en Inter 600.

• Mode clair seulement. Fond blanc, surfaces Craie, têtes de tableau Brume. Copper pour les filets, jauges et séparateur seulement ; les gains en Forêt.
• Erreur : texte et bordure Alerte, et un message qui dit quoi faire. Succès : silencieux, pas de bandeau de félicitations.
• Tableaux : chiffres JetBrains Mono alignés à droite, unités dans l'en-tête de colonne, lignes séparées par un filet, pas de zébrure.
• En-tête avec ekrin-logo-mono.svg et le nom du produit en Inter 500. Pages d'accès : bloc empilé.

EKRIN · Rapport éKlair FlashDossier [réf.]

Lecture du bâtiment

Productivité, patrimoine, environnement.

Synthèse

Texte d'analyse en Inter 9,5 pt, interlignage 1,45. Les montants et les surfaces passent en JetBrains Mono, alignés à droite. Ce paragraphe montre la mesure et le gris typographique d'une page de rapport ; il ne contient aucune donnée réelle.

Poste	Surface (m²)	Coût annuel (€)
Bureaux occupés	[X]	[X]
Surfaces vacantes	[X]	[X]
Parties communes	[X]	[X]
Total	[X]	[X]

0255075100

Hypothèses

Surfaces relevées sur plan, consommations issues des factures fournies. Chaque hypothèse est datée et sourcée.

Page 3 / [N] · Dossier [réf.] · instantané du [date]
Brouillon · non contractuel

Projet[projet]

PhaseFlash

Planche03

IndiceA

Rapport éKlair Flash

Lecture du bâtiment [nom]

Dossier [réf.] · [date]
Signé par un associé

EKRIN Advisory · [forme juridique] · SIREN [X]
[adresse]ekrinadvisory.com
[téléphone]

Conseil stratégique en immobilier · Productivité Patrimoine Environnement

[Prénom Nom]

[Fonction]

[prenom.nom]@ekrinadvisory.com
[téléphone]
ekrinadvisory.com

Signature e-mail

[Prénom Nom]

[Fonction] · EKRIN Advisory
[téléphone] · ekrinadvisory.com

Rendue ici dans ses polices de repli, Georgia et Arial, parce que les messageries chargent rarement les polices web. Symbole Sous-bois de 52 px, servi en PNG de 104 px. Pas d'image de bannière.

• data-surface="print" : tailles en points, aucune ombre, aucun fond sombre en pleine page sauf la couverture.
• Tableaux à 8 pt, en-têtes répétés, lignes indivisibles.
• Couleur à l'impression : quadri depuis les valeurs de la palette, jusqu'aux équivalences CMJN et Pantone établies sur épreuve (QO-4).

Fond d'écran de téléphone

L'écran verrouillé porte le logo, le nom et le QR de marque de la carte. En rendez-vous, on tend le téléphone verrouillé : l'appareil photo de l'autre personne lit la vCard et propose d'ajouter le contact.

Charles
Marcolin

Charles
Marcolin

Charles
Marcolin

Charles
Marcolin

Charles
Marcolin

• Le tiers supérieur reste vide pour l'heure et les widgets. Logo empilé avec ADVISORY à 36 % de la hauteur, 118 px de large. Nom en Anton 30 px, capitales.
• Le QR est celui de la carte (R-19), sans fond ni cadre : ses modules prennent la couleur du nom, inversés sur fond sombre. Emblème Copper au centre, Sous-bois sur fond Copper. 150 px de côté, soit 1,95 px par module.
• PNG de 1179 × 2556 px pour iPhone 15 et 16 Pro, un par associé, généré depuis sa fiche qr/*.vcf. Réglages, Fond d'écran, écran verrouillé, sans effet de profondeur.

Animation du logo

Une maison, cinq pièces. Les mêmes pièces, réorganisées, deviennent l'emblème : même surface, autre valeur. Aucune pièce n'est redessinée, le mot-symbole est le tracé verrouillé.

• Storyboard : 0 à 0,5 s la maison apparaît, repos jusqu'à 1,4 s, les cinq pièces glissent et pivotent jusqu'à 2,6 s, EKRIN puis ADVISORY entrent jusqu'à 3,5 s, repos jusqu'à 4,4 s.
• Seuls transform et opacity s'animent (§ 7). Une seule couleur à la fois, Copper ou blanc, sur Sous-bois.
• Fichier vidéo : logo_animation.mp4, dans les applications du projet claude.ai/design.

Règle appliquée : le projet claude.ai/design l'emporte, sauf sur les trois points où le guide v0.8 était en avance (séparateur carré, papier à en-tête, ombres renforcées). Chaque ligne peut être renversée par Olivier.

Résolutions

Questions ouvertes

Retraits

ekrin/packages/marque/   @eklair/marque
├── DESIGN.md       la règle, en français
├── tokens.css      toutes les valeurs, trois supports
├── fonts/          Anton, Bodoni Moda, Inter,
│                   JetBrains Mono (woff2, OFL)
├── logos/          15 SVG maîtres
├── icons/icons.svg 30 pictos
└── guide/          ce guide

<link rel="stylesheet" href="tokens.css">

<!-- site, clair par défaut -->
<body>
<section class="mode-dark">  héros, scènes

<!-- logiciel -->
<body data-surface="app">

<!-- imprimé (et @media print) -->
<body data-surface="print">

Une valeur absente de tokens.css se demande, elle ne s'improvise pas. Un besoin que DESIGN.md ne couvre pas se traite en modifiant DESIGN.md d'abord.

Tokens principaux

La colonne « valeur » est lue en direct dans tokens.css par cette page.

Tableau des indices