Design presets & moteur de skins : une base visuelle cohérente, vous gardez la main
Design presets & moteur de skins une fonctionnalité du module Thèmes, widgets & menus de Clustraly. Les design presets & moteur de skins réunissent des jeux de données UI/UX en lecture seule alimentant la génération de thèmes cohérents et accessibles.
Décrivez votre projet : le moteur de skins pioche dans des presets curés styles, couleurs, typographies, règles UI et vous rend une base cohérente et lisible. Vous ajustez, vous tranchez.
Un design-system complet à partir d'un simple brief
Vous partez d'une intention, pas d'une page blanche. À partir d'un brief, la recommandation de design-system assemble une base cohérente preset de style, palette de couleurs, pairing de polices et règles de raisonnement UI prête à devenir un thème.
Les suggestions s'appuient sur des jeux de données UI/UX dédiés : presets de style, palettes, pairings typographiques et règles de raisonnement, curés en amont pour tenir ensemble.
- Recommandation complète à partir d'un brief
- Style, couleurs, polices et règles UI réunis
- Base prête pour la génération de thème
Cherchez le bon style au lieu de le deviner
Vous trouvez vite la bonne piste : une recherche BM25 interroge un jeu de données précis ou tous à la fois, et classe les résultats par pertinence.
Presets de style, palettes de couleurs, pairings de polices et règles de raisonnement UI sont tous consultables du même geste.
- Recherche BM25 sur un ou tous les jeux
- Styles, palettes, pairings et règles UI
- Résultats classés par pertinence
Des palettes lisibles, vérifiées au ratio de contraste
Vos couleurs restent lisibles par défaut. Le moteur convertit une palette shadcn vers le contrat theme.json de 19 clés en clair et en sombre, avec auto-ajustement WCAG AA sur les combinaisons à risque.
Le ratio de contraste est calculé selon WCAG 2.1, pour que la lisibilité soit un critère mesuré, pas une supposition.
- Contrat theme.json de 19 clés × clair/sombre
- Auto-ajustement WCAG AA
- Ratio de contraste WCAG 2.1 calculé
Une typographie soignée, servie depuis vos serveurs
Vous obtenez des associations de polices qui tiennent la route, sans dépendance externe. Chaque famille est mappée vers une police auto-hébergée, en évitant toute requête vers Google Fonts.
SkinPresets fournit des swatches curées et cinq pairings de polices prêts à l'emploi comme point de départ.
- Pairings de polices curés
- Mapping vers police auto-hébergée
- Aucune requête Google Fonts
Les mêmes réglages, du wizard à l'éditeur
Ce que vous choisissez ne se perd pas d'un outil à l'autre. SkinPresets expose des swatches curées, cinq pairings de polices et des dimensions raffinables densité, rayon, motion partagées par le wizard et l'éditeur.
Vous affinez une base commune au lieu de repartir de zéro à chaque étape.
- Swatches curées et 5 pairings de polices
- Densité, rayon et motion raffinables
- Base partagée par le wizard et l'éditeur
L'IA propose une base, vous gardez le dernier mot
Les jeux de données de style, de couleur et de typographie sont en lecture seule : ils nourrissent des suggestions, jamais des décisions imposées. Chaque palette générée passe l'auto-ajustement WCAG AA avec un contraste calculé selon WCAG 2.1, et chaque police reste servie depuis vos serveurs, sans requête externe.
Questions fréquentes
Qu'est-ce que les design presets & le moteur de skins ?
D'où viennent les couleurs et les polices proposées ?
Les palettes générées sont-elles accessibles ?
Puis-je modifier ce que le moteur propose ?
Fonctionnalités liées
Bibliothèque de thèmes (liste & gestion)
Lister • Enrichir métadonnées • Afficher badges • Signaler erreurs • Guider (éta
DécouvrirActivation de thème (porte qualité)
Activer • Vérifier dossier • Bloquer • Forcer • Journaliser
DécouvrirPrévisualisation de thème
Prévisualiser • Rendre sans activer
DécouvrirPrêt à poser une base visuelle qui tient debout ?
Partez d'un brief, laissez le moteur de skins proposer styles, palettes et typographies déjà cohérents, lisibles et servis depuis vos serveurs, puis affinez chaque détail dans le wizard ou l'éditeur. L'IA propose, vous décidez.