--- title: Styles du catalogue 1001site description: Comment choisir un style parmi 1 000 exemples de sites web de référence, l’appliquer à votre site, le modifier ou le supprimer. Fichiers de style pour AI. section: design keywords: Style du site web, catalogue de styles, design, thème, couleurs, polices, référence, DESIGN.md updated: 2026-09-16 howto: yes --- Un style est un modèle de site web prédéfini, basé sur une plateforme reconnue: couleurs, polices, formes des boutons et des cartes, et animations. Le catalogue 1001site propose 1 000 styles. Sélectionnez un modèle, cliquez sur «Appliquer», et votre site web sera conçu dans ce style. > [!tip] À qui cela convient-il? > Pour tous ceux qui souhaitent un site web esthétique sans faire appel à un designer. Vous pouvez modifier le style autant de fois que vous le souhaitez. ![Choisir un style pour votre bureau](/wiki/img/style-picker.webp "La fenêtre «Sélectionnez un style dans le catalogue»: recherche, cartes vidéo, bouton «Appliquer»") ## Où choisir un style - Dans votre compte: Paramètres → Accueil et menu → «Style du site» → «Sélectionner un style» (ou «Sélectionner un autre style»). Ou suivez l’étape 2 [du guide](/wiki/fr/guide). - Sur le site de l'annuaire [1001site.com](https://1001site.com/): ouvrez le style et cliquez sur «Appliquer à votre tableau» en bas de la fiche. Si vous êtes déjà connecté(e), le style sera appliqué immédiatement. - Dans le catalogue, lors de votre inscription, sélectionnez «Obtenir» → «Tout compris». Le style sera mémorisé et appliqué après le paiement. ## Mesures ### Étape 1. Ouvrir le catalogue Dans la section «Style du site», cliquez sur «Sélectionner un style». Une fenêtre contenant des fiches s'ouvrira. Survolez une fiche pour visionner une vidéo du site d'exemple. ### Étape 2. Trouver un style La recherche s'effectue par marque, couleur, police et catégorie. Par exemple: «apple», «minimal», «dark», «shop». ### Étape 3. Cliquez sur Appliquer Le style sera appliqué en quelques secondes: couleurs, polices, arrondis, ombres et animations. Le nom et un aperçu du style sélectionné s’afficheront dans le bloc «Style du site». Ouvrez le site en cliquant sur le lien «Voir le résultat». ## Qu'est-ce qui change le style? | Quoi | Comment | |---|---| | Couleurs | Arrière-plan, cartes, texte, accentuation. Thème clair ou sombre par défaut, comme dans l'exemple. | | Polices de caractères | Une police similaire à celle de l'exemple est sélectionnée dans Google Fonts. | | Formulaire | Arrondi des boutons et des cartes, cartes plates ou avec ombre, densité | | Animations | L'un des quatre ensembles: calme, doux, éclatant, dynamique | | Maison | Si l'option «Conception de la page d'accueil» est activée, un bloc d'en-tête contenant le nom du site et le slogan sera ajouté en haut de page. | Ce style n'affecte ni votre texte, ni vos produits, ni vos catégories, ni vos pages, ni votre CSS. Vos modifications CSS sont enregistrées à côté du bloc de style. ## Assistant de style et d'IA Après avoir sélectionné un style, l'assistant IA assemble la page d'accueil et les pages en se basant sur les éléments graphiques de ce style: composition, images, typographie et ton du texte. Le principe est le même que pour les designers: style → système graphique → pages. ## Modifier ou supprimer le style - **Modifier**: «Choisir autre» → sélectionner nouveau → «Appliquer». Le bloc de style précédent est remplacé, et non ajouté. - **Supprimer**: l’icône de la corbeille dans l’aperçu du style. Cette action supprime le CSS et le nom du style. Les couleurs et les polices restent inchangées; vous pouvez les modifier dans la section «Image de marque» ou demander à l’assistant de «réinitialiser le design». ## fichiers de style Chaque style du catalogue possède des fichiers compatibles avec les outils d'IA: - **DESIGN.md** (complet et compact) — description du style: couleurs et leurs rôles, polices, tailles, retraits, règles de fonctionnement. - **Tailwind v4** est un thème pour Tailwind. - **Variables CSS** - Variables CSS. - **Jetons de conception** — JSON avec jetons. Les fichiers peuvent être copiés ou téléchargés depuis la page du catalogue de styles. Il est facile de les transmettre à Claude, ChatGPT, Cursor ou à notre assistant: «Créez-le dans ce style.» Consultez [le catalogue de styles](/wiki/fr/reference-catalog). ## Tarifs L'application d'un style à votre site web est possible avec les abonnements payants. Sans abonnement, le style est enregistré et appliqué automatiquement après le paiement. ## Questions et réponses ### Le style a été appliqué, mais le site ne ressemble pas à l'exemple. Pourquoi? Le style s'applique aux couleurs, aux polices, aux formes et aux animations. La structure de la page et les photos sont à votre discrétion. Pour que votre page d'accueil ressemble à l'exemple, demandez à l'assistant IA: «Concevez la page d'accueil dans le style du site: page d'accueil, avantages, galerie, contact.» ### Puis-je appliquer un style à plusieurs sites? Oui, le style est appliqué au site actuel. Changez de site dans votre tableau de bord et appliquez à nouveau le style. ### J'ai modifié la couleur manuellement, puis j'ai appliqué le style. Quel résultat est le meilleur? Style. Les couleurs définies dans le style prévaudront sur les couleurs manuelles. Le CSS personnalisé de la section «Code et widgets» sera conservé. ### D'où viennent les exemples? Issu d'un catalogue ouvert de styles de sites web populaires. Les vidéos et les affiches sont stockées sur notre serveur.