↓ Aller au contenu

Charte graphique

Typographie affirmée, couleur sobre. Les pastilles ci-dessous lisent directement les variables CSS du site : changer la palette met cette page à jour toute seule.

Couleurs
#

Vert mousse · couleur principale
#

Bâtie autour de #2E6218, à teinte constante (102°). Trop sombre pour le mode sombre (2,4:1), la couleur source y cède la place à primary-400.

50
100
200
300
400 liens, mode sombre
500
600 liens, mode clair
700 couleur source
800
900

Ambre · couleur secondaire
#

Tags, badges, chiffres clés ; remplace le vert sur le bloc Freelance du CV.

50
100
200
300
400
500
600
700
800
900

Neutres teintés
#

Des gris tirés vers le vert (teinte 100°) : un gris pur à côté du vert paraît sale.

50 fond, mode clair
100
200
300
400
500
600
700
800 fond, mode sombre
900 texte, mode clair

Hors palette
#

Le rouge brique (#E2A58C, tampon #8A3B22), opposé du vert, réservé aux post-it « terre cuite » du carnet jazz.

Typographie
#

Archivo 900 · titre de page

Réconciliation hiérarchique

Archivo 800 · intertitres

Ce qui a coincé

IBM Plex Sans 400 · texte courant

Les prévisions produites série par série ne se somment pas : la somme des régions ne donne pas le total national.

IBM Plex Mono 400 · dates, tags, code

8 octobre 2026 · 1 701 mots · 0123456789

Caveat 700 · carnet jazz uniquement

ii – V – I en Fa, à travailler

Composants
#

Lien, badge, bouton
#

Un lien dans le texte, puis un badge et un bouton :

Nouveau Voir les projets

Encadré
#

Projet en cours. Un encadré d’information, comme en tête de la fiche Kwak Finance.

Chiffres clés
#

37

pull requests

le chiffre en display, la légende en mono

+2,3 %

MASE régional

deuxième exemple

Fiche projet
#

Code et tableau
#

def solde(ouverture: Decimal, operations: list[Decimal]) -> Decimal:
    return ouverture + sum(operations, Decimal(0))
ExempleValeurÉcart
Référence1 000,00—
Variante1 023,00+2,3 %