Clustraly
Theme Studio (IA)

Peaufinez votre thème en direct avec le Customizer visuel

Customizer visuel une fonctionnalité du module Theme Studio (IA) de Clustraly. Le Customizer visuel ajuste en direct les couleurs clair/sombre, polices, layout et animations de votre thème, avec aperçu multi-écrans avant d'enregistrer.

L'IA a généré votre thème le Customizer visuel vous rend la main. Couleurs clair et sombre, polices, layout, animations : chaque réglage se voit en direct, avant d'enregistrer.

Aperçu temps réel

Chaque réglage se voit avant d'être enregistré

Vous changez une couleur, une police ou un rayon, et le rendu se met à jour aussitôt fini les modifications à l'aveugle. L'aperçu s'affiche dans une iframe live qui recompile les variables CSS en temps réel pendant que vous réglez.

  • Aperçu iframe live intégré au customizer
  • Variables CSS mises à jour en temps réel
  • Aucun rechargement, aucune supposition
  • Vous voyez le résultat avant d'enregistrer
Voir l'aperçu live
Couleurs

Maîtrisez vos deux palettes, claire et sombre

Vous accordez chaque rôle de couleur à votre marque, dans les deux apparences. Onze rôles s'éditent séparément primary, secondary, accent, surface, surface_alt, texte et texte secondaire, bordure, jusqu'aux états success, warning et danger au color picker ou en saisissant une valeur hex précise.

  • Palettes Clair et Sombre éditées séparément
  • 11 rôles par mode, de primary à danger
  • Color picker + champ hex exact
  • États success, warning et danger inclus
Typographie

Posez votre identité typographique

Vous choisissez la police des titres et celle du corps parmi 16 fontes auto-hébergées. Votre typographie est servie depuis votre propre thème, sans dépendance à un service externe.

  • Police des titres + police du corps
  • 16 fontes au choix
  • Toutes auto-hébergées
  • Aucun appel à un service de polices tiers
Layout & mouvement

Réglez l'allure et le mouvement de votre site

Vous donnez du caractère à votre thème sans écrire une ligne de code. Ajustez le border-radius, choisissez le comportement de l'en-tête, puis activez les animations d'un simple clic pour cadrer le mouvement à votre goût.

  • Border-radius 4 / 8 / 12 / 16 / 24 px
  • En-tête sticky-blur, transparent ou solide
  • Scroll reveal, barre de progression, back-to-top, parallax
  • Activation par simple bascule
Responsive

Validez le rendu sur chaque écran

Avant d'enregistrer, vous vérifiez que tout tient aussi bien sur mobile que sur grand écran. L'aperçu bascule entre trois viewports en un clic, pour ne rien laisser au hasard côté affichage.

  • Viewport Desktop
  • Viewport Tablet (768)
  • Viewport Mobile (390)
  • Bascule instantanée sans quitter l'écran
Garde-fous

Expérimentez librement, revenez à zéro quand vous voulez

Vous testez autant que nécessaire sans crainte. L'enregistrement inscrit chaque réglage par clé, et la réinitialisation totale demande une confirmation avant de tout remettre à l'état d'origine. Les contrôles restent cadrés : rayons, en-tête et polices sont des choix bornés, pas du code libre.

  • Enregistrement par clé dans les réglages du thème
  • Réinitialisation totale protégée par une confirmation
  • Contrôles bornés et validés
  • Retour à l'état d'origine en un geste
Ouvrir le Customizer
Pourquoi ça compte

L'IA propose, vous décidez

Le Theme Studio génère votre thème. Le Customizer visuel vous rend le contrôle final : chaque couleur, chaque police, chaque animation reste votre décision en direct, réversible et cadrée.

FAQ

Questions fréquentes

Le Customizer visuel utilise-t-il l'IA ?
Non. C'est la couche de contrôle manuel du Theme Studio. Vous ajustez couleurs, polices, layout et animations vous-même, avec des réglages bornés et un aperçu live. L'IA a proposé le thème ; ici, vous décidez.
Puis-je annuler mes changements ?
Oui. Chaque réglage s'enregistre par clé, et une réinitialisation totale protégée par une modale de confirmation remet le thème à son état d'origine si vous voulez repartir de zéro.
Les réglages s'appliquent-ils aussi au mode sombre ?
Oui. Vous éditez les palettes Clair et Sombre séparément, avec onze rôles de couleur par mode, du primary jusqu'aux états success, warning et danger.
Puis-je vérifier le rendu mobile avant d'enregistrer ?
Oui. L'aperçu live bascule entre Desktop, Tablet (768) et Mobile (390) en un clic, pour valider l'affichage sur chaque taille d'écran avant de sauvegarder.
Prêt à commencer ?

Prenez la main sur votre thème

Ouvrez le Customizer visuel depuis n'importe quel thème Studio, ajustez couleurs clair et sombre, polices, layout et animations en direct, vérifiez le rendu sur Desktop, Tablet et Mobile, puis enregistrez. Un doute ? La réinitialisation vous ramène à l'état d'origine en un clic.