> ## Documentation Index > Fetch the complete documentation index at: https://docs.replit.com/llms.txt > Use this file to discover all available pages before exploring further. # Contenu du système de design et DESIGN.md > Ce que contient un système de design généré — tokens, couleurs, typographie, composants — et comment DESIGN.md le représente dans votre projet. ## Contenu d'un système de design Un système de design généré comprend : * **Tokens** — des valeurs nommées (couleurs, espacements, rayons) que le reste du système référence * **Couleurs** — la palette avec ses rôles (primaire, surface, accent…) * **Typographie** — familles, tailles, graisses * **Exemples de composants** — 2 à 3 composants construits illustrant l'usage du système * **Logos et ressources de marque** — inclus lorsque vous les fournissez clairement Le système de design APEX X1 affiché comme guide de style vivant en mode focus, avec une barre latérale des couleurs, polices, mise en page et composants, la palette principale, l'échelle typographique et des exemples de composants ## Comment il est stocké Un système généré vit dans votre projet sous forme de **guide de style vivant** : les tokens dans `tokens.json` alimentent les variables CSS (par ex. `src/index.css`) que vos composants utilisent. `DESIGN.md` en est la représentation documentaire — lisible par vous, utilisable par Agent. ## Utiliser DESIGN.md comme source Un fichier `DESIGN.md` existant peut servir de base à un nouveau système de design : pointez-le lors de la [création d'un système](/fr/design/create-a-design-system), aux côtés d'autres sources comme une URL Figma, un site web, du code, ou des images de référence.