# LÉZIDÉJOU — Charte graphique et structure du site

Version 2.0 — 11 août 2026

> **Note de renommage.** LÉZIDÉJOU est le nouveau nom de la plateforme précédemment documentée sous le nom ETBEUR. `Etbeur Music` reste le nom propre du label musical de Joanto et ne doit pas être renommé.

## 1. Statut et hiérarchie documentaire

Cette charte définit l'identité visuelle, les contenus et l'expérience publique. Elle traduit la trajectoire d'architecture en expérience éditoriale, sans définir la roadmap technique.

La hiérarchie applicable est :

1. `docs/implementation/phase-1-execplan.md` pour l'exécution normative de la phase 1 ;
2. `docs/reference/architecture-plateforme-jeux-applications-2026.md` pour la trajectoire technique ;
3. le présent document pour l'identité, les contenus et l'expérience publique ;
4. les fichiers `AGENTS.md` pour les règles de travail et de sécurité.

## 2. Décision de direction

LÉZIDÉJOU doit ressembler à un catalogue éditorial indépendant établi, pas à une agence IA, une startup SaaS ou un thème de portfolio.

La direction retenue est un **catalogue éditorial numérique** : sobre, chaleureux, précis et centré sur les réalisations. Chaque projet conserve son propre univers dans un système commun lisible.

### Positionnement visuel

- Sobre sans être froid.
- Créatif sans être décoratif.
- Numérique sans employer les codes visuels de l'IA.
- Personnel sans prendre la forme d'un portfolio autobiographique.
- Évolutif sans afficher de rubrique ou de projet vide.
- Expérimental sans présenter un prototype comme un produit final.

### Formulation de travail

> LÉZIDÉJOU rassemble des applications, des jeux, de la musique et des créations indépendantes.

Cette phrase est un **contenu éditorial de travail à valider avant la mise en production**. Elle ne constitue ni une promesse commerciale ni un slogan définitif.

## 3. Principes de référence

| Référence | Principe retenu | Limite |
|---|---|---|
| Panic | Assumer plusieurs activités avec des affirmations simples | Éviter un ton excessivement ludique |
| Teenage Engineering | Grille nette, densité maîtrisée, produits au premier plan | Préserver la lisibilité |
| Pentagram | Catalogue, classement et force des visuels | Ne pas reproduire une complexité inutile au lancement |
| A24 | Laisser chaque œuvre porter sa propre identité | Toujours expliquer les projets numériques |

Le spectacle n'est pas la cible. Le site doit rester rapide, compréhensible et utilisable sans animation.

## 4. Système graphique

### 4.1 Palette principale

| Jeton | Valeur | Usage |
|---|---:|---|
| `--color-ink` | `#121310` | Texte principal, en-tête et pied de page |
| `--color-paper` | `#F4F1E8` | Fond principal ivoire |
| `--color-white` | `#FFFFFF` | Fonds ponctuels et texte inversé |
| `--color-muted` | `#6C6E68` | Métadonnées et informations secondaires |
| `--color-line` | `#C9C6BD` | Filets, séparateurs et contours |
| `--color-brand` | `#2F47D7` | Liens, focus, états actifs et détails de marque |

Le bleu est une ponctuation, pas un fond omniprésent. La page reste majoritairement ivoire et presque noire.

### 4.2 Couleurs des univers

| Univers | Couleur | Valeur |
|---|---|---:|
| Applications | Bleu LÉZIDÉJOU | `#2F47D7` |
| Jeux | Olive sombre | `#526800` |
| Musique | Violet profond | `#6A3EB5` |
| Boutique | Terre cuite | `#A33D2E` |

Ces couleurs servent aux libellés et aux accents fonctionnels. Elles ne forment pas une mosaïque décorative et doivent conserver un contraste WCAG AA dans leur contexte réel.

### 4.3 Typographie

#### Libre Franklin Variable

- Titres, textes, navigation et boutons.
- Graisses utiles : 400, 500 et 650.
- Auto-hébergée en WOFF2, avec licence conservée dans le projet.

#### IBM Plex Mono

- Catégories, numéros, dates, états et métadonnées courtes.
- Jamais pour un paragraphe entier.
- Taille minimale de 12 px et approche légèrement augmentée.
- Auto-hébergée avec sa licence.

### Échelle typographique

| Élément | Bureau | Mobile | Réglage |
|---|---:|---:|---|
| Titre d'accueil | 72–88 px | 44–52 px | Interligne 0,95 |
| Titre de page | 56–72 px | 38–46 px | Interligne 1 |
| Titre de projet | 32–48 px | 28–36 px | Interligne 1,05 |
| Introduction | 22–26 px | 19–22 px | Interligne 1,35 |
| Texte courant | 17–19 px | 16–18 px | Interligne 1,55 |
| Métadonnée | 12–13 px | 12 px | Majuscules, approche 0,08 em |

Le premier projet doit rester visible ou perceptible dans le premier écran sur un ordinateur courant.

### 4.4 Mot-symbole

Au lancement, utiliser un **mot-symbole LÉZIDÉJOU** plutôt qu'un emblème artificiel.

- Capitales : `LÉZIDÉJOU`.
- Graisse 650 à 700.
- Approche resserrée et ajustée manuellement.
- Version principale presque noire sur ivoire.
- Version inversée ivoire sur presque noir.
- Le bleu peut souligner une lettre ou un filet, sans colorer chaque lettre.
- Aucun cerveau, robot, étincelle, circuit, cube ou symbole pseudo-technologique.

### 4.5 Mise en page

- Grille de 12 colonnes sur bureau, 6 sur tablette, 4 sur mobile.
- Largeur maximale : 1 440 px.
- Marges : 64 px sur grand écran, 32 px sur tablette, 20 px sur mobile.
- Espacement de section : 120 à 160 px sur bureau, 72 à 96 px sur mobile.
- Filets horizontaux de 1 px.
- Angles droits ou rayon maximal de 4 px.
- Aucune ombre portée décorative.

Le décalage contrôlé remplace les cartes arrondies : index et métadonnées sur une colonne étroite, contenu et visuel sur une colonne large.

### 4.6 Images

Chaque projet est représenté par du contenu réel et autorisé : capture d'interface, extrait de jeu, pochette ou création.

- Aucun visuel générique de bureau, de développeur ou d'intelligence artificielle.
- Aucun faux logo, screenshot, produit ou témoignage.
- Format principal 16:10 pour les projets numériques.
- Pochette musicale carrée dans une composition horizontale.
- Boutique en 4:5 ou carré selon le produit.
- WebP ou AVIF lorsque pertinent, avec dimensions explicites.
- Une image dominante par section.
- En l'absence de visuel validé, utiliser une composition textuelle sobre, sans faux aperçu.

## 5. Mouvement et interactions

Le site doit être complet lorsque les animations sont désactivées.

- Transitions de 180 à 280 ms.
- Déplacement au survol limité à 8 px.
- Soulignement progressif des liens autorisé.
- Menu mobile par fondu et déplacement court.
- Respect systématique de `prefers-reduced-motion`.

Sont exclus : curseur personnalisé, parallaxe, scroll horizontal imposé, texte en boucle, lecture automatique sonore, éléments suivant la souris, transitions cinématiques et chargements artificiels.

## 6. Structure publique normative

### 6.1 Navigation principale de la phase 1

- Projets
- Musique
- Boutique
- À propos

Le mot-symbole LÉZIDÉJOU renvoie vers l'accueil. Les pages légales et le contact éventuel figurent dans le pied de page.

La route `/jeux` existe comme entrée directe, mais `Jeux` ne devient un onglet principal que lorsque deux jeux publics et maintenus le justifient.

LivraSign appartient au catalogue des projets et ne constitue pas un onglet principal isolé.

La navigation cible pourra devenir `Projets`, `Labo`, `Musique`, `Boutique`, `À propos`. `Labo` n'apparaît que lorsqu'au moins un prototype réel, accessible et suffisamment présentable est disponible.

### 6.2 Routes éditoriales de la phase 1

| Route | Rôle |
|---|---|
| `/` | Accueil et sélection éditoriale |
| `/projets` | Catalogue des projets numériques |
| `/projets/{slug}` | Fiche éditoriale d'un projet |
| `/projets/good-gasoil-price` | Fiche Good Gasoil Price |
| `/projets/menu-planner` | Fiche Menu Planner |
| `/projets/belote-pro` | Fiche Belote Pro |
| `/projets/maths-iles` | Fiche Maths & Îles |
| `/projets/livrasign` | Fiche informative LivraSign, sans lien externe ni CTA à ce stade |
| `/jeux` | Entrée directe vers les projets de type jeu |
| `/musique` | Joanto et Etbeur Music |
| `/boutique` | SerajoPrints et accès Etsy lorsque validé |
| `/a-propos` | Structure, démarche et auteur |
| `/mentions-legales` | Informations légales |
| `/confidentialite` | Politique adaptée aux traitements réels |
| `/contact` | Seulement si une méthode publique est validée |
| `/admin` | Administration Filament protégée |

La phase 1 ne crée pas de routes supplémentaires dupliquant `/musique` ou `/boutique`.

### 6.3 Routes fonctionnelles réservées

| Route | Condition d'ouverture |
|---|---|
| `/applications/prix-carburant` | Métier GoodGasoilPrice intégré et validé |
| `/applications/menu-planner` | Métier Menu Planner intégré et validé |
| `/jeux/belote-pro` | Métier Belote Pro intégré et validé |
| `/jeux/maths-iles` | Métier Maths & Îles intégré et validé |

Ces routes ne doivent pas être implémentées pendant la phase 1. Les sous-domaines applicatifs précédemment envisagés ne sont plus canoniques.

### 6.4 Routes éditoriales futures du Labo

| Route | Rôle futur |
|---|---|
| `/labo` | Catalogue des prototypes réellement publiables |
| `/labo/{slug}` | Objectif, état, limites et accès éventuel d'un prototype |

Ces routes restent documentées mais non implémentées dans la phase 1 initiale. Aucun lien public, contrôleur, modèle, page vide ou fausse fiche ne doit les anticiper.

### 6.5 Vocabulaire public et interne

- **Projets** désigne les produits suffisamment consolidés, publiés et maintenus.
- **Labo** désigne les prototypes fonctionnels ou expérimentations encore en évaluation.
- `sources/` désigne en interne les applications historiques de référence en lecture seule.
- `prototypes/` désigne en interne l'emplacement local des nouvelles expérimentations.

Les noms techniques `sources` et `prototypes` ne sont jamais présentés comme catégories dans l'interface publique.

## 7. Structure de l'accueil

### 7.1 En-tête

- Mot-symbole LÉZIDÉJOU à gauche.
- Navigation principale à droite.
- Environ 80 px sur bureau et 64 px sur mobile.
- Non fixe au lancement.

### 7.2 Premier écran

**Libellé de travail**

`CATALOGUE NUMÉRIQUE ET CRÉATIF INDÉPENDANT`

**Titre de travail**

> Applications, jeux, musique et créations indépendantes.

**Texte de travail**

> LÉZIDÉJOU rassemble des applications, des jeux, de la musique et des créations indépendantes.

Ces formulations doivent être validées avant production. Elles ne doivent pas être enrichies de promesses non démontrées.

**Action**

`Voir les projets →`

### 7.3 Sélection de projets

Les projets apparaissent en lignes éditoriales, avec index, catégorie, statut, résumé et visuel réel facultatif.

Ordre initial à confirmer éditorialement :

1. LivraSign ;
2. Good Gasoil Price ;
3. Menu Planner ;
4. Belote Pro ;
5. Maths & Îles.

Un projet non montrable n'est pas remplacé par une fausse capture. Son statut peut être affiché sobrement si sa fiche apporte une information réelle ; sinon il reste masqué.

### 7.4 Champs d'activité

- Applications — outils numériques utiles et ciblés.
- Jeux — expériences accessibles et idées interactives.
- Musique — productions de Joanto publiées par Etbeur Music.
- Créations — produits graphiques proposés par SerajoPrints.

### 7.5 À propos court

Trois à cinq lignes factuelles, à la première personne ou de manière neutre. Ne pas employer « nous » pour simuler une équipe.

### 7.6 Pied de page

- LÉZIDÉJOU, formulation de travail et année.
- Coordonnée professionnelle seulement si elle est validée pour publication.
- Liens officiels confirmés : Joanto, Etsy, mentions légales et confidentialité.
- Mention de localisation seulement si souhaitée et validée.
- Aucun formulaire de newsletter au lancement.

## 8. Pages spécialisées

### 8.1 Projets

- Introduction courte.
- Filtres texte : Tous, Applications, Jeux.
- Liste avec image facultative, nom, catégorie, année, statut et lien.
- Pas de pagination avant 12 projets.

### 8.2 Fiche projet

1. Nom, catégorie, année et statut.
2. Proposition de valeur factuelle.
3. Visuel réel si disponible.
4. Contexte ou problème.
5. Réponse et fonctions réellement disponibles ou prévues, clairement distinguées.
6. État actuel exact.
7. Appel à l'action interne ou externe validé.
8. Projet suivant.

La fiche éditoriale ne doit jamais laisser croire que la route fonctionnelle ou le métier est déjà intégré pendant la phase 1.

### 8.3 Labo futur

Le sous-titre de travail est : `Prototypes et expérimentations`.

Le Labo présente des expériences réellement testables ou, si leur architecture l'impose, une démonstration honnête de ce qui fonctionne. Il ne publie ni simple idée, ni promesse, ni écran fictif.

Cycle documentaire :

```text
idée interne
→ prototype
→ en test
→ validé
→ projet consolidé
```

Deux sorties restent possibles : `en pause`, pour une expérimentation temporairement non maintenue, et `abandonné`, pour un prototype retiré et archivé.

Identifiants internes : `prototype`, `en_test`, `valide`, `en_pause`, `abandonne`, `consolide`. L'interface utilise des libellés français compréhensibles, jamais les identifiants bruts.

Une fiche `/labo/{slug}` doit indiquer :

- le nom et l'objectif ;
- le statut public ;
- ce qui fonctionne réellement ;
- les limites connues ;
- la date de dernière mise à jour ;
- un accès seulement si une version publique existe ;
- une méthode de retour seulement si elle est validée.

Un prototype autonome pourra éventuellement utiliser la convention `<slug>.lab.lezidejou.fr`, sous réserve de validation du domaine et de l'hébergement. Une démonstration limitée peut aussi être intégrée à la fiche. La solution se décide prototype par prototype.

Le passage au catalogue `Projets` n'est pas automatique : utilité, retours, stabilité, maintenabilité, coût, compatibilité, sécurité, conformité juridique et volonté de maintenance doivent être évalués. Après migration, une seule version reste active.

### 8.4 Musique

- `/musique` présente l'univers musical de Joanto et ses productions sous le label Etbeur Music.
- Structure sémantique épurée : H1 portant le logo Joanto vectoriel (`alt="Joanto"`), section `À propos` (H2) avec les paragraphes éditoriaux validés (musique électronique, dance, deep house, création guidée par l'humain et assistée par IA), et section `Écouter et suivre` (H2) listant les 4 canaux officiels.
- Portrait carré optimisé servi en WebP (`joanto-portrait-square.webp`, 960 × 960 px, ratio 1:1, `fetchpriority="high"`, sans lazy-loading) garantissant un affichage instantané et un LCP optimal.
- Les quatre assets sources originaux HD sont conservés sous `resources/assets/joanto/source/`.
- Les genres sont limités à ceux réellement associés aux sorties affichées.
- Etbeur Music reste le nom du label/éditeur et ne prend pas le dessus sur Joanto.
- Aucun lecteur ne démarre automatiquement, aucune iframe, aucun script tiers.
- Les liens Spotify, YouTube, Instagram et Toutes les plateformes sont des liens HTML simples avec `rel="noopener noreferrer"` sans `target="_blank"`.
- Aucune route profonde supplémentaire n'est créée en phase 1.

### 8.5 Boutique

- `/boutique` présente SerajoPrints sans confondre la marque avec Etsy.
- Présentation factuelle de SerajoPrints et de son unique création réelle actuellement identifiée (cartes éducatives à imprimer), sans liens cliquables Etsy ni CTA commercial sur le portail public pour cette étape.

### 8.6 À propos

- Pourquoi LÉZIDÉJOU existe.
- Relation entre LÉZIDÉJOU, LivraSign, Joanto, Etbeur Music et SerajoPrints.
- Présentation personnelle courte et factuelle.
- Principes : indépendance, utilité, soin et publication.
- Coordonnées professionnelles seulement si validées.

## 9. Règles anti-générique

### Interdits

- Dégradés violet-bleu ou halos lumineux.
- Glassmorphism et cartes translucides.
- Bento décoratif.
- Robots, cerveaux, étincelles, réseaux de neurones et icônes 3D.
- Mockups flottants inclinés.
- Boutons en pilules systématiques.
- Titres abstraits de startup.
- Compteurs, témoignages ou clients inventés.
- Images générées présentées comme des projets réels.
- Rubriques vides et messages décoratifs « bientôt disponible ».
- Prototypes inventés, métriques fictives ou accès de démonstration non fonctionnels.

### Exigences distinctives

- Index numérotés et filets.
- Vrais visuels ou présentation textuelle assumée.
- Textes factuels et courts.
- Hiérarchie typographique forte sans spectacle.
- Un bleu de marque stable.
- Atmosphère propre à chaque projet dans un système commun.

## 10. Responsive et accessibilité

- Grille ramenée à une colonne lisible sur mobile.
- Images sous le titre du projet sur petit écran.
- Menu mobile sans sous-menus complexes.
- Zones tactiles d'au moins 44 × 44 px.
- Focus clavier visible en bleu.
- Contraste WCAG AA minimum.
- Liens distinguables autrement que par la couleur.
- Navigation utilisable au clavier et avec zoom à 200 %.
- Animations neutralisées avec `prefers-reduced-motion`.

### Structure sémantique

- `lang="fr"`.
- Lien d'évitement visible au focus.
- Un seul `main` et un seul `h1` descriptif par page.
- Hiérarchie continue des titres.
- Régions `header`, `nav`, `main` et `footer` explicites.
- `aria-current="page"` sur l'entrée active.
- Vraies listes HTML pour les collections.
- Fil d'Ariane sur les pages profondes.

### Médias et intégrations

- Textes alternatifs utiles ; `alt=""` pour le décoratif.
- Dimensions d'image explicites.
- Aucun média en lecture automatique.
- Iframes titrées et accompagnées d'un lien textuel.
- Contenu essentiel disponible sans lecteur tiers.
- Plateformes et titres lisibles en texte, pas uniquement par logo.

### Formulaires et interactions

- Libellé visible pour chaque champ.
- Erreurs textuelles associées au champ et annoncées.
- Aucun contrôle accessible seulement au survol.
- État des filtres explicite.
- Si le menu mobile est modal : focus piégé, fermeture par `Échap`, retour du focus.

## 11. Référencement naturel

### Principe

Chaque intention de recherche correspond à une page utile. Ne pas utiliser `meta keywords`, répéter artificiellement des termes ou créer des pages sans contenu réel.

Priorités :

1. pages d'entité solides pour LÉZIDÉJOU, Joanto, SerajoPrints et LivraSign ;
2. fiches originales pour les projets réellement présentables ;
3. maillage interne explicite ;
4. liens depuis les profils officiels vers la bonne page ;
5. amélioration ultérieure fondée sur Search Console.

### Carte initiale

| Groupe | Page phase 1 | Condition |
|---|---|---|
| Marque LÉZIDÉJOU | `/` et `/a-propos` | Textes et domaine validés |
| Joanto / Etbeur Music | `/musique` | Sorties et liens réels |
| SerajoPrints | `/boutique` | Produits et lien Etsy réels |
| LivraSign | `/projets/livrasign` | Description et domaine officiel validés |
| GoodGasoilPrice | `/projets/good-gasoil-price` | Fiche éditoriale ; fonction plus tard |
| Menu Planner | `/projets/menu-planner` | Fiche éditoriale ; fonction plus tard |
| Belote Pro | `/projets/belote-pro` | Fiche éditoriale ; jeu plus tard |
| Maths & Îles | `/projets/maths-iles` | Fiche éditoriale ; jeu plus tard |
| Labo | `/labo` et `/labo/{slug}` | Seulement après publication d'un prototype réel et accessible |

Les routes fonctionnelles ne deviennent des cibles SEO qu'après intégration et publication de leur métier.

Les routes du Labo ne deviennent indexables qu'avec un contenu réel, des limites explicites et un accès public vérifié. Un prototype en test peut rester en `noindex` si son exposition doit être limitée.

### Métadonnées de travail

| Page | Titre de travail | H1 de travail |
|---|---|---|
| Accueil | `LÉZIDÉJOU — Applications, jeux, musique et créations indépendantes` | `Applications, jeux, musique et créations indépendantes.` |
| Projets | `Applications, jeux et outils présentés par LÉZIDÉJOU` | `Projets numériques` |
| Musique | `Joanto et Etbeur Music | LÉZIDÉJOU` | `Joanto` |
| Boutique | `SerajoPrints | LÉZIDÉJOU` | `SerajoPrints` |
| LivraSign | `LivraSign | LÉZIDÉJOU` | `LivraSign` |

Ces métadonnées sont à valider avec les contenus finaux. Chaque page possède une description unique, factuelle et sans promesse de classement.

### Données structurées

Le JSON-LD est généré côté serveur et décrit uniquement le contenu visible.

| Page | Type candidat | Condition |
|---|---|---|
| Accueil | `WebSite`, éventuellement `Organization` | Identité légale et données visibles validées |
| Pages profondes | `BreadcrumbList` | Fil d'Ariane réellement affiché |
| Musique | `MusicGroup`, `MusicAlbum` ou `MusicRecording` | Données officielles visibles et vérifiées |
| Projet logiciel | `SoftwareApplication` | Fonction réellement disponible, pas simple fiche future |
| Produit | `Product` | Informations visibles, réelles et synchronisées |

Les données structurées ne garantissent ni résultat enrichi ni positionnement.

### Indexation technique

- HTML principal rendu par Laravel/Blade.
- URL en minuscules, stables et lisibles.
- Canonique absolue unique.
- Domaine cible `https://lezidejou.fr` seulement après validation explicite.
- `robots.txt` permissif en production et recette en `noindex`.
- Sitemap limité aux URL canoniques et indexables.
- Codes HTTP exacts : `200`, `301`, `404` ou `410` selon le cas.
- Liens HTML réels vers les pages profondes.
- Open Graph uniquement avec données et images réelles.
- Aucun contenu de production essentiel derrière un cookie ou une interaction.

### Performance

- LCP de laboratoire visé : au plus 2,5 s.
- CLS visé : au plus 0,1.
- INP réel visé : au plus 200 ms, mesurable seulement avec des données terrain.
- Image LCP préchargée uniquement si justifié.
- Images hors écran chargées tardivement.
- Polices locales limitées et `font-display: swap`.
- Aucun script tiers avant nécessité et autorisation.

## 12. Traduction technique Laravel

La charte cible Laravel 13, Blade SSR et CSS maintenable. Les composants exacts restent définis par l'ExecPlan et l'implémentation validée.

Composants candidats :

- layout public ;
- en-tête et pied de page ;
- ligne de projet ;
- métadonnées ;
- lien textuel ;
- index d'univers ;
- fil d'Ariane ;
- métadonnées SEO ;
- données structurées ;
- lien d'évitement.

Les couleurs, espacements, tailles et durées sont centralisés. Aucune dépendance frontend n'est ajoutée pour un comportement réalisable en HTML/CSS.

Le catalogue de contenus versionné doit au minimum prévoir : `slug`, titre, résumé, description, statut, catégorie, destination, SEO, image facultative, texte alternatif conditionnel, dates et liens externes validés.

## 13. Critères de validation visuelle et éditoriale

Le prototype est acceptable si :

1. la nature de LÉZIDÉJOU est comprise rapidement ;
2. LivraSign, Joanto et SerajoPrints conservent leur identité ;
3. aucun motif ne rappelle un générateur de site IA ;
4. le premier projet est perceptible dans le premier écran ;
5. mobile et bureau restent lisibles ;
6. la navigation fonctionne sans animation ;
7. les performances ne dépendent pas de lourdes bibliothèques ;
8. aucun contenu fictif n'est présenté comme réel ;
9. chaque page possède titre, `h1`, description et canonique propres ;
10. les cinq projets ont une fiche identifiable sans laisser croire que leur métier est intégré ;
11. le site est navigable au clavier et avec zoom à 200 % ;
12. les données structurées décrivent exactement le visible ;
13. la recette n'est pas indexable ;
14. le sitemap ne contient aucune page vide ou cachée ;
15. la formulation éditoriale de travail est validée avant production ;
16. aucune entrée Labo n'apparaît sans prototype réel, accessible et honnêtement documenté ;
17. les notions internes `sources/` et `prototypes/` ne sont pas exposées au public.

## 14. Informations à fournir ou confirmer

- textes finaux de l'accueil et de la page À propos ;
- résumés et descriptions des cinq projets ;
- domaine canonique LÉZIDÉJOU ;
- domaine officiel LivraSign ;
- liens officiels Joanto et SerajoPrints ;
- logos, screenshots et visuels réels ;
- crédits et licences ;
- méthode de contact publique éventuelle ;
- identité légale et textes juridiques ;
- statut de publication de chaque fiche ;
- premier prototype justifiant le Labo, son statut, son accès et sa méthode de retour éventuelle.

## 15. Références

- Panic : https://panic.com/
- Teenage Engineering : https://teenage.engineering/products
- Pentagram : https://www.pentagram.com/work
- A24 : https://a24films.com/films
- WCAG 2.2, contraste : https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html
- WCAG 2.2, animations issues des interactions : https://www.w3.org/WAI/WCAG22/Understanding/animation-from-interactions.html
- Libre Franklin : https://github.com/impallari/Libre-Franklin
- IBM Plex : https://github.com/IBM/plex
- Google Search Central, guide SEO : https://developers.google.com/search/docs/fundamentals/seo-starter-guide
- Google Search Central, données structurées : https://developers.google.com/search/docs/appearance/structured-data/intro-structured-data
- Google Search Central, sitemaps : https://developers.google.com/search/docs/crawling-indexing/sitemaps/build-sitemap
- Google Search Central, Core Web Vitals : https://developers.google.com/search/docs/appearance/core-web-vitals
- Schema.org : https://schema.org/

Ces références guident la conception. Les liens, profils, produits et informations propres au projet doivent être revérifiés au moment où ils sont effectivement publiés.