Charte AVQN
L'IA, c'est ludique et ce n'est pas compliqué.
Les valeurs, les règles et les exemples qui habillent les apps, le site, les slides et les vidéos. Une seule source, lue par les humains et par les agents.
Brancher la charte
- llms.txtle point d'entrée d'un agent
- tokens.cssles variables, pour une app web
- tokens.jsonles valeurs résolues, pour la vidéo et les slides
Couleur papier papier-2 encre charbon charbon-2 vermillon vermillon-fonce gris gris-nuit filet jaune ciel menthe rose lilas rouge rouge-nuit vert vert-nuit bleu ambre framboise violet emeraude
Le vermillon agit, cinq couleurs jouent
Une interface code un rôle, jamais une couleur. Le rôle pointe vers une couleur selon le thème.
#FAF8F3 #F1EDE4 #211C17 #131313 #1E1E1E #E0542B #C94A24 #6B645C #B8B8B8 #E7E1D8 #FFC94D #B9D3F7 #A8DDB5 #F7B5C4 #CDBBF5 #B3261E #F2877B #2F7A4D #7CCB97 #3B7DD8 #B8860F #D65F8C #7657C9 #2C9A6A | Rôle | clair | nocturne |
|---|---|---|
--fond | #FAF8F3 | #131313 |
--surface | #F1EDE4 | #1E1E1E |
--texte | #211C17 | #FAF8F3 |
--discret | #6B645C | #B8B8B8 |
--filet | #E7E1D8 | rgba(255, 255, 255, 0.12) |
--trait | #211C17 | #FAF8F3 |
--accent | #E0542B | #E0542B |
--accent-appuye | #C94A24 | #C94A24 |
--sur-accent | #FAF8F3 | #FAF8F3 |
--appoint-1 | #FFC94D | #FFC94D |
--appoint-2 | #B9D3F7 | #B9D3F7 |
--appoint-3 | #A8DDB5 | #A8DDB5 |
--appoint-4 | #F7B5C4 | #F7B5C4 |
--appoint-5 | #CDBBF5 | #CDBBF5 |
--sur-appoint | #211C17 | #211C17 |
--teinte-ombre | #FFC94D | #FFC94D |
--danger | #B3261E | #F2877B |
--succes | #2F7A4D | #7CCB97 |
--donnee-1 | #E0542B | #E0542B |
--donnee-2 | #3B7DD8 | #3B7DD8 |
--donnee-3 | #B8860F | #B8860F |
--donnee-4 | #D65F8C | #D65F8C |
--donnee-5 | #7657C9 | #7657C9 |
--donnee-6 | #2C9A6A | #2C9A6A |
Typographie
La serif porte, le reste recule
.type-hero L'agent répond tout seul
.type-titre L'agent répond tout seul
.type-corps L'agent répond tout seul
.type-choc L'agent répond tout seul
.type-appui L'agent répond tout seul
.type-surtitre Atelier agents
.type-meta Quadrillage
Des cases qui s'allument
Clique dans le quadrillage : une case s'allume, posée exactement sur la grille. Clique dessus pour l'éteindre.
Forme et mouvement
Des angles doux, un geste qui répond
Appoint 1Appoint 2Appoint 3Appoint 4Appoint 5
Relancer Camille pour le devis Client
Préparer l'atelier de jeudi Atelier
Envoyer la facture de septembre Admin
L'objet mis en avant
Un contour, une ombre dure teintée. Un seul par écran.