Fondations

Le socle, valeur par valeur.

Chaque token porte son nom : clique une valeur pour la copier. C'est la même source que le site consomme et que les agents lisent.

01 · Couleur

La palette

papier fond clair · texte sur nocturne

encre texte sur clair · fond nocturne

vermillon l'accent unique, porteur de sens

gris secondaire sur clair

gris nocturne secondaire sur nocturne

filet séparateur (clair)

Jamais de blanc ni de noir purs. Un seul vermillon par composition.

Recettes de lumière

Une dominante et son contrepoint par image — des dominantes de scène, jamais des couleurs d'UI.

ardoise nuit, heure bleue

ambre matin, soleil rasant

sauge plein jour, végétal

argile intérieur doré, humain

prune crépuscule, focus

pour l'IA — doctrine/couleur.md

02 · Typographie

Quatre voix, une gamme

La beauté se réplique

rôle: hero
famille: serif
token
canvas 1080: 140–190 px

Une seule source de vérité

rôle: titre
famille: serif
token
canvas 1080: 90–130 px

Le texte long qui porte le propos, en Instrument Serif, avec de l'air et, quand il faut, un accent italique vermillon.

rôle: corps
famille: serif
token
canvas 1080: 56–80 px

AVQN

rôle: display
famille: display
token
canvas 1080: 300–440 px

Un appui en Geist, pour le second niveau.

rôle: appui
famille: sans
token
canvas 1080: 40–52 px

Sous le capot

rôle: eyebrow
famille: mono
token
canvas 1080: 32–40 px

styleguide.avqn.ch

rôle: meta
famille: mono
token
canvas 1080: 32–32 px

Plancher 32 px. La serif porte ; l'emphase se dit en italique vermillon.

pour l'IA — doctrine/typographie.md

03 · Espacement

Une échelle tenue

4px
8px
16px
32px
64px
128px

pour l'IA — doctrine/layout-grilles.md

04 · Radius & élévation

Coins nets, ombres basses

Radius

0

2px

6px

12px

999px

Élévation

flat

raised

float

pour l'IA — doctrine/lueurs.md

05 · Surfaces, grilles & lueurs

Le papier millimétré, l'encre habitée

plain

tint

grid

Les sections alternent ces trois surfaces pour rythmer la lecture, séparées par un filet fin. On ponctue, on ne change pas de fond à chaque bloc.

Quadrillage clair encre rgba(33,28,23,0.04) · pas 46px

Nocturne — lueur + vignette crème rgba(250,248,243,0.055) · pas 120px

La lueur vermillon et la vignette ne vivent qu'en nocturne — bascule l'ambiance en haut à droite pour voir tout le site respirer.

pour l'IA — doctrine/lueurs.md