Charte Klimat

Trois matières, et rien d’autre.

Le dynamisme vient de la typographie, de la trame de pastilles et du vert qui ne sert qu’à agir. Il ne vient jamais de la décoration. Les surfaces restent claires quand l’écran est clair.

Deux soignantes devant un écran, l’une montre quelque chose à l’autre

Les personnes

Des photographies documentaires de vraies scènes de travail, en lumière naturelle. Personne ne regarde l’objectif.

68sur 100

La mesure

Des chiffres francs, six zones de lecture, des données toujours sourcées et protégées par un seuil.

Le collectif

Le champ de pastilles : chaque point est une personne, la trame un collectif, et la pastille Véroné le point qui compte.

Les règles d’or

Une seule famille de caractères

Schibsted Grotesk, de l’affiche de 96 px à la légende de 12 px. La hiérarchie vient de la graisse, de 400 à 820.

Le Véroné agit ou signe

action peint ce qu’on presse et les liens ; signature porte la marque. Jamais de texte blanc sur signature (3,35:1).

Les zones ne servent qu’aux scores

Si ce n’est pas un score, ce n’est pas une couleur de zone : ni fond, ni icône, ni illustration.

L’Orge marque une question

La pastille question précède la source d’une question du catalogue, et rien d’autre.

Une seule élévation

La levée pour ce qui flotte (modale, menu, panneau sur une photo). Une carte posée a un filet, pas d’ombre.

Ce qu’on presse est une pilule

Boutons, filtres, onglets segmentés. Champs à 10 px, panneaux à 14 px, photos à 4 px.

Aucune illustration de banque

Ni undraw, ni personnage vectoriel, ni 3D : des photos documentaires, des pictogrammes au trait ouvert, le champ de pastilles.

AA partout, dans les deux thèmes

Texte à 4,5:1, contrôles et focus à 3:1, mouvements réduits respectés, contenu visible sans JavaScript.

Le logo, tel quel.

Une pastille Véroné où s’élance un « k » calligraphié, et le mot-symbole « klimat » qui en reprend l’initiale. Rien n’est redessiné : les fichiers ci-dessous sont extraits des tracés officiels.

Ce que ce kit règle (lot 0)

La pastille passe de #03a687 au Véroné #009f7f, la couleur signature de toute la charte.
L’encre du mot-symbole devient la nuit #0e1917, celle des titres.
Le signe © disparaît : il ne protège rien sur une marque et se perd sous 40 px.
La pastille renversée de l’application, blanche sur blanche, était invisible : elle est désormais ajourée.

Les fichiers de public/img restent inchangés tant que le lot 0 n’est pas appliqué à l’application.

Quatre compositions

Horizontal

La version par défaut : en-tête, site, documents, signature.

Vertical

Formats carrés ou étroits : affiche, kakémono, page de garde centrée.

Mot-symbole

Quand la pastille est déjà présente ailleurs sur le support.

Pastille

Favicon, avatar, pied de diapositive, icône d’application.

Quatre traitements, chacun sur son fond

Couleur

Sur blanc et sur brume : la version par défaut.

SVG PNG 1 200 px

Couleur, fond sombre

Sur la nuit : thème sombre, diapositive de clôture, pied du site.

SVG PNG 1 200 px

Nuit, une encre

Impression en une couleur, gravure, tampon. La pastille est ajourée.

SVG PNG 1 200 px

Blanc, une encre

Sur Véroné, sur une photo voilée, sur toute couleur foncée.

SVG PNG 1 200 px

Zone de protection et taille minimale

xx

x = le rayon de la pastille

Aucun texte, aucun bord ni aucune image n’entre dans cette marge, tout autour du logo. Elle vaut à peu près la hauteur du « k » de la pastille.

24 px · 8 mm

40 px · 13 mm

16 px · 5 mm

En dessous, employez la pastille seule.

À ne pas faire

Déformer, étirer ou compresser.

Changer les couleurs, même pour s’accorder à un client.

Ajouter une ombre, un contour ou un effet.

Incliner ou faire pivoter.

Poser le logo couleur sur du Véroné : employez la version blanche.

Poser le logo sur une photo sans voile nuit.

Tous les fichiers

Composition	Traitement	Vectoriel	PNG transparent
Horizontal	Couleur	SVG 3 Ko	600 px 1 200 px 2 400 px
Horizontal	Couleur, fond sombre	SVG 3 Ko	600 px 1 200 px 2 400 px
Horizontal	Nuit, une encre	SVG 3 Ko	600 px 1 200 px 2 400 px
Horizontal	Blanc, une encre	SVG 3 Ko	600 px 1 200 px 2 400 px
Vertical	Couleur	SVG 4 Ko	400 px 800 px 1 600 px
Vertical	Couleur, fond sombre	SVG 4 Ko	400 px 800 px 1 600 px
Vertical	Nuit, une encre	SVG 3 Ko	400 px 800 px 1 600 px
Vertical	Blanc, une encre	SVG 3 Ko	400 px 800 px 1 600 px
Mot-symbole	Couleur	SVG 3 Ko	600 px 1 200 px 2 400 px
Mot-symbole	Couleur, fond sombre	SVG 3 Ko	600 px 1 200 px 2 400 px
Mot-symbole	Nuit, une encre	SVG 3 Ko	600 px 1 200 px 2 400 px
Mot-symbole	Blanc, une encre	SVG 3 Ko	600 px 1 200 px 2 400 px
Pastille	Couleur	SVG 1 Ko	64 px 256 px 1 024 px
Pastille	Nuit, une encre	SVG 1 Ko	64 px 256 px 1 024 px
Pastille	Blanc, une encre	SVG 1 Ko	64 px 256 px 1 024 px

PNG transparents. Le SVG reste le format de référence ; le PNG sert à la bureautique et aux e-mails.

Une palette où la couleur est une information.

Vert-gris presque neutre. La couleur saturée a toujours un sens : agir, signer, marquer une question, mesurer. Cliquez une teinte pour copier sa valeur.

Rampes

Véronéteinte 172°

Onyxneutres vert-gris

Orgequestion, zone 3

Friandisecorail → brique

Osmiuminformation

Appoint pour les séries sans score seulement : Cybergrappe #5d407b et Vignoble #a73856.

Rôles

Le code emploie des rôles, dont la valeur change avec le thème ; une rampe seulement quand aucun rôle ne dit l’intention ; un hexadécimal jamais, sauf dans le fichier de thème.

Rôle	Clair	Sombre	Emploi
`bg`	#ffffff	#0e1917	Sol du site, des documents et du questionnaire répondant
`bg-app`	#ffffff	#131f1c	Sol du back-office, derrière les panneaux : blanc en clair, pour que la barre latérale brume s’en détache
`surface`	#ffffff	#17231f	Panneaux, cartes, champs, modales
`surface-mist`	#eef3f1	#1f2c28	Brume : couverture de présentation, panneau de connexion, en-tête de tableau, survol, bandeau d’appel
`surface-night`	#0e1917	#0e1917	Nuit : chapitre nuit du site, diapositive de clôture, toasts
`ink`	#0e1917	#f5f9f7	Titres et texte fort sur `bg`, `surface` et `surface-mist`
`text`	#2f3a3b	#e1e9e6	Texte courant sur `bg`, `surface` et `surface-mist`
`text-mute`	#56625f	#9fb1ab	Légendes, aides, métadonnées sur `bg`, `surface` et `surface-mist`
`line`	#d3dcd9	#2f3a3b	Filets, bordures de carte et de tableau
`line-strong`	#84938f	#6a7673	Bordure de champ, case à cocher vide, contour d’un contrôle : 3,02:1 sur `bg-app`, 3,21:1 sur `surface` (WCAG 1.4.11)
`action`	#00765f	#009f7f	Fond du bouton principal, case cochée, interrupteur actif
`on-action`	#ffffff	#0e1917	Texte posé sur `action` (5,59:1 en clair, 5,35:1 en sombre)
`action-soft`	#d5f1e7	#042a20	Fond d’un élément actif léger : onglet, filtre, ligne sélectionnée
`link`	#00765f	#6cc9b0	Liens et texte d’action sur `bg` et `surface`
`focus`	#00765f	#6cc9b0	Anneau de focus plein de 2 px, décalé de 2 px (≥ 3:1 sur toutes les surfaces)
`signature`	#009f7f	#009f7f	Véroné de marque : pastille, isotherme, logo
`question`	#e7ad45	#e7ad45	Pastille qui précède la source d’une question du catalogue
`danger`	#b23a28	#e17f69	Erreur, suppression : texte, bordure, fond plein (blanc dessus en clair)
`warning`	#57411a	#eec271	Texte d’avertissement sur `surface` et `warning-soft` ; l’icône peut prendre `orge-600`
`info`	#04707c	#8dd2da	Information : texte et icône
`success`	#00765f	#6cc9b0	Succès : texte et icône, toujours avec un mot ou une coche
`nav-bg`	#eef3f1	#0e1917	Fond de la barre latérale : brume en thème clair, nuit en thème sombre
`nav-active`	#ffffff	#17231f	Carte de l’élément courant : blanche en clair, nuit 2 en sombre
`nav-pastille`	#009f7f	#6cc9b0	Pastille de 7 px à droite de l’élément courant : elle dit « vous êtes ici » sans dépendre de la couleur du fond

Fichiers de couleurs

Tokens CSS clair et sombre Tokens JSON Nuancier Adobe .ase Nuancier GIMP, Inkscape .gpl

Un score se lit partout de la même façon.

Chaque réponse vaut de 1 à 5 ; le score d’une équipe est ramené sur 100 et situé dans six zones. Faites glisser le curseur : la zone se calcule sur l’entier affiché.

68sur 100

Point d’amélioration

Zone 4, de 60 à 70 · famille des points d’amélioration

Score

Texte blanc sur les zones 1 et 6 seulement, nuit sur les zones 2 à 5. Le chiffre est toujours écrit : la couleur ne porte jamais seule l’information.

Les six zones

20 à 39Facteur de risque

40 à 50Risque modéré

51 à 59Zone intermédiaire

60 à 70Point d’amélioration

71 à 79Facteur de protection

80 à 100Protection forte

Grille de lecture PNG transparentDistance entre deux zones voisines au moins 10,8 (OKLab) pour les trois formes de daltonisme.

Carte de chaleur

Données d’exemple. NC : moins de 6 réponses ; la ligne entière se masque, effectif compris.

Écarts (organisation, sondage précédent, référentiel Klimat) : sept pas aux mêmes teintes que les zones, seuils à 2, 5 et 10 points. Un écart s’écrit toujours signé : « ▲ +6 », « ▼ −4 », « = 0 ». La forme dit le sens, la couleur l’ampleur.

−10et moins

−5à −9

−2à −4

0±1

+2à +4

+5à +9

+10et plus

Sous le seuil, aucune valeur ne quitte le serveur : « NC » sur une rayure à 45°, ou le cadenas et « Résultat masqué » sur une tuile. Le seuil se juge case par case.

Ce qui n’est pas un score

Séries catégorielles

Genre, tranche d’âge, participation : cat-1 à cat-6 dans cet ordre, jamais à côté d’une zone.

OsmiumCybergrappeVignobleOrgeVéroné 900Onyx 400

eNPS

Une répartition ordinale : détracteurs, passifs et promoteurs prennent les teintes d’écart. Le score, de −100 à +100, s’écrit signé, en encre.

+18

27 %28 %45 %

Détracteurs (0 à 6), passifs (7 et 8), promoteurs (9 et 10). Données d’exemple.

Carte des risques QR Best

Part de personnes exposées. Toute exposition est à proscrire : seule une case plus exposée que l’ensemble se colore, du corail au brique ; une case moins exposée reste neutre. Données d’exemple.

HarcèlementViolenceIncivilitésLongues heures Ensemble8 %5 %21 %12 % Urgences11 %13 %34 %10 % Pharmacie4 %2 %24 %19 %

Une grotesque de presse, du titre à la légende.

Schibsted Grotesk, libre (licence OFL), dense et franche en titre, posée en texte, avec des chiffres tabulaires pour les scores. Une seule famille : la hiérarchie vient de la graisse.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz àâçéèêëîïôœùûü « ’ » 0123456789 % € → ▲▼

Mesurez ce que vivent vos équipes.

Graisse820

WOFF2 romain WOFF2 italique @font-face Google Fonts pour PowerPoint et Word

Échelle

t-display-xl
96 / 0,98 · 820

Couverture

t-display
64 / 1 · 800

Une campagne, étape par étape.

t-headline
44 / 1,04 · 790

Comprendre les résultats

t-quote
28 / 1,22 · 560

J’ai le temps nécessaire pour accomplir mes tâches

t-title-xl · lg · md
28 · 22 · 17, de 760 à 680

Résultats du baromètre
Synthèse par thématique
Score global

t-body · t-body-sm
15 / 24 · 14 / 20 · 400

Texte de lecture : questionnaire, aide, e-mails. Le texte d’interface par défaut, celui de Flux, descend à 14 px dans les tableaux et les formulaires.

t-label · t-caption
13 · 620 / 12 · 450

Participation
Baromètre Empreinte Humaine × Ipsos BVA, T16, mai 2026

t-score-xl · t-data
56 · 820 / 14 · 560, tabulaires

68 64 · 57 · 74 · 76

Titres serrés dès 22 px (approche négative) et text-wrap: balance.
Pas de capitales espacées : les surtitres passent en casse de phrase, en t-label.
Chiffres tabulaires sur les nombres purs seulement : score, compte, pourcentage, téléphone.
Espaces fines insécables avant « : », « ; », « ? », « ! », « % » et dans les guillemets.

Doux sans être rond, retenu sans être figé.

La photo reste un tirage de presse, l’interface s’arrondit, ce qu’on presse devient une pilule. Le mouvement accompagne un geste, il ne décore pas.

radius-photo 4 px

radius-chip 6 px

radius-field 10 px

radius-panel 14 px

radius-pill pilule

Carte posée

Un filet line, pas d’ombre. C’est le cas de tous les panneaux de l’application.

Ce qui flotte

La seule ombre, shadow-levee : modale, menu, toast, fragment d’interface posé sur une photo.

Espacement, base 4 px

space-14

space-28

space-312

space-416

space-524

space-632

space-748

space-864

space-996

space-10144

Les chiffres s’écrivent

Un score compte de 0 à sa valeur en 600 ms, une seule fois, à son apparition. C’est l’un des trois mouvements signés, avec la photo qui se pose et la trame qui respire.

74

120 ms au survol, 200 ms pour un menu, 320 ms pour une modale. Un seul mouvement signé par écran ; aucun avec prefers-reduced-motion.

Le champ de pastilles, signature de Klimat.

Une trame de points dont la taille suit des cellules de pression. Chaque point est une personne, l’ensemble un collectif : on ne voit jamais un point seul, comme dans les résultats. La plus grosse pastille, en Véroné, répond au disque du logo. L’en-tête de cette page est calculé ainsi, en direct.

Champ de pastilles sur fond brume — **Brume, le fond par défaut**Couverture de présentation, connexion, en-tête d’e-mail, visuels de partage.

Champ de pastilles sur fond nuit — **Nuit**Diapositive de clôture, thème sombre, visuels sombres.

Champ de pastilles sur fond blanc — **Blanc**Filigrane d’un état vide : le pictogramme se pose dans la clairière.

Règles de dessin

Élément	Règle
Trame	Points en quinconce, 72 colonnes sur la largeur du support.
Taille	De 0 à 0,44 du pas, selon un champ lisse fait de quatorze cellules de pression ; aucun point sous 0,55 px.
Couleur des points	Brume : `onyx-400` à 95 %. Nuit : `verone-300` à 50 %. Blanc : `#b9c6c2`. Jamais une couleur de zone.
Pastille	Une seule, de 0,62 du pas, en `signature` (`verone-300` sur la nuit), posée sur le plus gros point hors des marges.
Zones calmes	Une ellipse par titre, logo ou mention ; les points s’y effacent sur 35 % du rayon. Jamais de texte posé sur la trame.
Mouvement	Sur le web, les points se posent depuis la pastille (900 ms), puis la trame respire (14 s). Rien avec `prefers-reduced-motion`.

Où l’employer

Couverture de présentation (brume) et clôture (nuit).
Page de connexion, sur la moitié droite.
En-tête des e-mails, visuels de partage et bannières.
États vides et pages d’erreur, en filigrane.

Où ne jamais l’employer

Derrière un texte courant, un tableau, un graphique ou une carte de chaleur.
Sur une photographie, ou dans le questionnaire répondant.
En couverture d’un PDF : brume unie, logo et titre (décision du 27 octobre 2026).
Avec deux pastilles Véroné, ou des points en couleur de zone.

Pour un nouveau format, on génère une variante plutôt que d’étirer un fichier : chaque zone calme se décrit par une ellipse, en fractions de la largeur et de la hauteur.

python3 pastilles/pastilles.py couverture.svg 1920 1080 23 brume "0.30,0.86,0.46,0.30;0.10,0.09,0.14,0.12"
#        fichier           largeur hauteur graine fond  zones calmes : cx,cy,rx,ry séparées par ;

Fichiers

Fichier	Format	Emploi	Télécharger
brume-16x9	1 920 × 1 080	Couverture de présentation, connexion, page d’erreur	SVG PNG 243 Ko
nuit-16x9	1 920 × 1 080	Diapositive de clôture, connexion en thème sombre	SVG PNG 250 Ko
brume-bandeau	1 600 × 400	Bandeau d’en-tête, haut de page web	SVG PNG 115 Ko
nuit-bandeau	1 600 × 400	Visuels sombres, réseaux sociaux	SVG PNG 118 Ko
brume-email	1 200 × 240	En-tête des e-mails, affiché à 600 × 120	SVG PNG 19 Ko
brume-partage	1 200 × 630	Visuel de partage, titre en bas à gauche	SVG PNG 125 Ko
nuit-partage	1 200 × 630	Visuel de partage sombre	SVG PNG 129 Ko
brume-banniere	1 584 × 396	Bannière LinkedIn	SVG PNG 83 Ko
blanc-carre	1 200 × 1 200	Filigrane d’état vide, pictogramme dans la clairière	SVG PNG 319 Ko
Générateur	Python, numpy	N’importe quel format, graine et zones calmes	pastilles.py

Le champ de pastilles remplace les isolignes depuis le 6 novembre 2026 : la pastille était déjà partout dans la marque (logo, pictogrammes, menu, question du catalogue), la trame la prolonge au lieu d’ajouter une forme.

Le reportage, pas la banque d’images.

De vraies scènes de travail, comme si un photojournaliste avait passé la journée sur place et que tout le monde l’avait oublié. Des métiers variés, des visages, la lumière disponible.

J’ai le temps nécessaire pour accomplir mes tâchesQuestion Klimat : Charge de travail · Proxyclick, Unsplash

Les membres de notre équipe s’aident en cas de besoinsQuestion Klimat : Équipe · Ezebunwo Omachi, Unsplash

J’ai le sentiment d’être écouté par mon responsableQuestion Klimat : Proximité · Centre for Ageing Better, Unsplash

Après ma journée de travail, j’ai des moments de répit suffisantsQuestion Klimat : Équilibre travail-vie privée · Centre for Ageing Better, Unsplash

Mes responsabilités sont clairesQuestion Klimat : Clarté des rôles · Vitaly Gariev, Unsplash

J’ai suffisamment d’informations lors de changementsQuestion Klimat : Changement · Bluestonex, Unsplash

Les tâches que j’effectue sont utilesQuestion Klimat : Qualité du travail · CoWomen, Unsplash

Je peux rapporter une situation de manque de respect sans crainteQuestion Klimat : Respect · Arno Senoner, Unsplash

Ce qu’on cherche

Soins, industrie, logistique, enseignement, bureau, services publics.
Un geste saisi en plein mouvement ; personne ne regarde l’objectif.
Des détails vrais : câbles, tasses, blouses, gants.

Ce qu’on refuse

Sourires de banque d’images, poignées de main, pouces levés.
Écrans de tableau de bord, hologrammes, graphiques flottants.
Toute photo présentée comme un client de Klimat.

Traitement

Étalonnage neutre, désaturé d’environ 10 %, ombres vert-gris.
Coins de 4 px, jamais d’ombre ni de cadre.
Texte seulement sur un voile nuit, jamais sur un visage.

Générer une image quand Unsplash n’a pas la scène

Aucune personne réelle sans son accord écrit ; aucune image générée présentée comme un client ; la mention « Image générée par IA » dans la légende ou les crédits ; le prompt gardé dans les métadonnées ; un contrôle humain des mains, visages, textes et logos avant publication. Le modèle de prompt, en anglais :

Generate exactly one image, PNG, [landscape 3:2 | 16:9 | portrait 4:5].
Scene: [lieu, moment], during a real working day. [Une à trois personnes, tenue, action en cours.]
Camera: [position], [35 | 50 | 85] mm at f/2.8, available light only from [source], no flash.
Style: a genuinely candid, stolen photograph by a photojournalist everyone has forgotten.
Nobody poses, nobody looks at the lens. Slightly imperfect framing, natural film grain,
neutral slightly desaturated colour, shadows towards green-grey, no teal-and-orange grade.
Composition: keep the [left | right] third calm for a title.
Exclusions: no logos, no readable text, no dashboards, no handshake, no posed group.

Le trait ouvert.

Un trait régulier, une ouverture entre 1 h et 2 h qui reprend l’élan du « k », et une seule pastille pleine, posée sur le point qui porte le sens. Trente-deux pictogrammes : les dix-huit marqués d’un point Orge sont nouveaux.

Thématiques

Fonctionnalités

États vides et erreurs

Spécification

Grille de 48, zone utile de 40, trait de 2, terminaisons rondes.
Cercles, arcs, droites horizontales, verticales ou à 45°.
Une ouverture par forme principale ; cadenas et bouclier restent fermés.
Une pastille : signature, ou Orge pour une question ou un commentaire.
Huit éléments au plus, lisible à 32 px.

32

48

96

Trois versions par pictogramme

Mono, à currentColor, est la source : intégré dans une page, sa pastille (.k-pastille) prend la couleur signature du thème. Duo (encre nuit) et nuit (trait clair) servent en image, dans un e-mail ou PowerPoint ; le PNG duo de 192 px aussi.

Générateur Python

Les icônes d’interface restent les Heroicons de Flux, à 16, 20 ou 24 px. Les deux familles ne se mélangent jamais dans un même bloc.

La charte, support par support.

L’application s’efface devant les données ; le questionnaire reste calme ; les présentations ouvrent sur la brume et referment sur la nuit. Chaque gabarit se télécharge.

Application

AccueilSondagesRésultatsPlan d’actionsOrganisation

Résultats du baromètre

Baromètre QVCT 2026, clos le 31 octobre · Données d’exemple

Score global

68

Point d’amélioration

Participation

74 %

▲ +6 depuis 2025

Charge de travail

46

Risque modéré

Prochaine action

Créer un plan d’actionsExporter

Barre latérale brume (nuit en thème sombre), élément courant en carte blanche, filet, graisse 620 et pastille : les trois signes sont obligatoires, la carte se distinguant peu de la brume.

Questionnaire répondant

J’ai le temps nécessaire pour accomplir mes tâches

Pas du tout d’accordPlutôt pas d’accordNi l’un ni l’autrePlutôt d’accordTout à fait d’accord

Enregistré

L’écran le plus vu, souvent sur mobile. Sol blanc, colonne de 44rem, aucune illustration ni trame. Cinq choix larges (cible de 44 px), le choix fait en action-soft avec une coche ; « Ne s’applique pas » et « Je préfère ne pas répondre » à part. La couleur du client remplace action si le blanc y atteint 4,5:1.

Présentations

Gabarit de diapositive : couverture — CouverturePNG HTML

Gabarit de diapositive : chapitre — ChapitrePNG HTML

Gabarit de diapositive : chiffre clé — Chiffre cléPNG HTML

Gabarit de diapositive : question — QuestionPNG HTML

Gabarit de diapositive : résultats — RésultatsPNG HTML

Gabarit de diapositive : clôture — ClôturePNG HTML

16:9, 1 920 × 1 080, marges de 96 px. Couverture en brume et pastilles, chapitre sur photo voilée, clôture en nuit. Fonds seuls : voir le champ de pastilles en PNG.

E-mail d’invitation et signature

Invitation

600 px, tables imbriquées, styles en ligne, six couleurs en dur. En-tête brume : Outlook, qui ignore l’image de fond, l’affiche unie et lisible. Jamais de bandeau nuit.

Gabarit HTML

Signature

Pastille, nom, fonction, téléphone et klimat.io. Arial en repli : la mise en page tient avec elle.

Signature HTML

Documents et exports

Document A4

Couverture en brume unie, logo couleur et titre ; rien de noir en aplat, la page se photocopie proprement. Marges de 18 mm, titres de 22 pt, texte de 10,5 pt, tableaux à en-tête brume, cellules de score aux couleurs de zone. Dans un export Excel, chaque feuille qui sort des scores écrit ses zéros (WithStrictNullComparison).

Modèle A4 PDF, 2 pages Source HTML

Réseaux et icônes

Visuel de partage — Partage 1 200 × 630 PNG

Avatar 800 × 800 PNG

Icônes de site

16

32

Apple 180

Masquable 512

favicon.svg favicon.ico Apple 192 512 Masquable Manifeste

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#009f7f">

Une voix experte, bienveillante, concrète.

Vouvoiement. On explique comment c’est calculé, qui voit quoi et ce qu’on en fait. Une question du catalogue se cite telle quelle, avec sa thématique en source.

Mon responsable reconnaît les efforts que je déploie pour réaliser mon travail

Question Klimat : Reconnaissance

Capitalisation de phrase partout, pas de capitales espacées.
Titre du site ou d’une diapositive : une affirmation, point final compris. Titre d’interface : un nom, sans point.
« campagne » côté vente, « sondage » côté administration, « questionnaire » côté répondant.
Tout chiffre fictif porte « Données d’exemple », tout chiffre réel sa source et sa date.
Pas d’emoji, pas de point d’exclamation dans l’interface, pas de « Oups ».

Écrivez	Évitez
Aucun résultat n’est affiché sous un seuil minimal de répondants, fixé avec vous.	Vos réponses sont 100 % anonymes.
La charge de travail recule dans quatre unités sur six.	Résultats
Plan d’actions	Plan d’Actions
Le lien a expiré. Demandez une nouvelle invitation à votre administrateur.	Oups ! Une erreur est survenue.
tableau de bord, qualité de vie et des conditions de travail	dashboard, QVT 2.0
« 32 % », « 68/100 », « 12 octobre 2026 », « 9 h 30 »	32%, 68 / 100, 12/10/26, 9h30

Tout le kit, en un fichier.

Logos, icônes, couleurs, police, pictogrammes, champ de pastilles, gabarits et photographies créditées. Tout se reconstruit depuis ce dossier par python3 outils/construire.py.

Télécharger le kit de marque (8,6 Mo)

Logos15 SVG et 45 PNG transparents · 1,4 Mo Icônes de sitefavicon, Apple, application, manifeste · 54 Ko Réseauxpartage, bannière, avatar · 320 Ko Couleurstokens CSS et JSON, nuanciers .ase et .gpl · 38 Ko PoliceSchibsted Grotesk, WOFF2, licence OFL · 146 Ko Pictogrammes32 × mono, duo, nuit et PNG · 206 Ko Champ de pastillesSVG, PNG et générateur · 2,0 Mo Gabaritsdiapositives, A4, e-mail, signature · 3,4 Mo Photographies8 photos créditées · 1,8 Mo