DocsDesignPréréglages & Modèles

Préréglages & Modèles

Préréglages de design par secteur, comment les appliquer et comment les personnaliser.

Que sont les préréglages ?

Les Préréglages de design sont des configurations de style conçues professionnellement qui transforment instantanément le caractère visuel de tout site généré — sans altérer le contenu ni la structure HTML.

Les préréglages modifient les variables CSS, les choix de polices, l'espacement et les palettes de couleurs. Ils s'appliquent en millisecondes et peuvent être combinés. Ils sont entièrement gratuits — aucun crédit consommé.

Appliquer un préréglage

1.Ouvrez n'importe quel projet dans le constructeur 3D
2.Cliquez sur l'icône pinceau (Préréglages de design) dans le panneau gauche
3.Parcourez par catégorie ou faites défiler la grille
4.Cliquez sur n'importe quel préréglage pour le prévisualiser en direct dans le volet droit
5.Cliquez sur Appliquer pour confirmer, ou parcourez-en d'autres pour comparer

L'aperçu en direct se met à jour au survol des préréglages — comparez avant de valider.

Catégories de préréglages

Préréglages sectoriels — Adaptés à des verticaux spécifiques : Restaurant, Tech SaaS, Portfolio créatif, Immobilier, E-commerce, Santé, Juridique, Fitness, Beauté/Spa, Architecture, Association

Palettes de couleurs — Schémas de couleurs coordonnés : Obsidian (sombre), Arctic (blanc/glace), Ember (orange chaud), Ocean (bleu/teal), Forest (vert), Dusk (violet/mauve), Candy (pastel), Noir (noir et blanc), Copper (métallique chaud)

Ensembles typographiques — Paire de polices + dimensionnement : Éditorial, Moderne, Technique, Artisanal, Corporatif, Cinématique, Humaniste

Densité de mise en page — Espacement et contenance : Aéré (espace blanc généreux), Standard, Compact (dense en informations)

Personnaliser un préréglage

Les préréglages sont des points de départ. Après application :

Affinez avec le chat : "Rendez la couleur d'accent légèrement plus chaude" ou "Augmentez la taille du titre de section"
Modifiez directement les variables CSS dans l'onglet Code — modifiez le bloc :root
Combinez les préréglages : Appliquez un préréglage sectoriel, puis substituez avec un préréglage de palette de couleurs pour un résultat raffiné

Toutes les modifications sont sauvegardées automatiquement dans votre projet.