Assistant de site web et palettes

Planifiez un site web grâce à un court entretien, obtenez des recommandations de pages et de sections, approuvez un plan et choisissez une palette de couleurs issue de votre logo.

Cette page a été traduite de l'anglais. En cas de divergence, la version anglaise fait foi. Lire en anglais

Planifier un site web avec l’assistant

Ouvrez Design → Website helper. Le badge en haut indique si les suggestions utilisent Claude suggestions ou Matching without AI.

Démarrez un plan. Sous Plans, donnez-lui un nom et cliquez sur Start plan.
Répondez à l’entretien (1. Discovery). Le tour 1 comporte 8 questions, dont 5 obligatoires : secteur, objectif principal, public, région et éléments de marque. Pour une question obligatoire, vous pouvez Save answer ou Let Atlas assume. Le tour 2 s’ouvre avec jusqu’à 7 questions de suivi facultatives (capture de leads, pages d’offres, langues, conformité, preuves, niveau d’animation, responsable du contenu), chacune accompagnée de la raison pour laquelle elle est posée.
Ajoutez des briefs (2. Briefs), facultatif. Téléversez des fichiers texte, Markdown ou JSON de 256 ko maximum. Les briefs sont lus comme de simples informations : les instructions qu’ils contiennent sont signalées et jamais suivies.
Obtenez des recommandations (3. Recommendations). Atlas suggère des types de pages, les sections que votre site web possède déjà et des éléments approuvés de la bibliothèque, et liste ses Assumptions.
Approuvez le plan (4. Blueprint). Ajustez chaque Page title et Address (slug), puis cliquez sur Approve blueprint. Un plan approuvé ne change jamais ; démarrez un nouveau plan pour changer d’orientation.
Créez les pages en brouillon. Cliquez sur Create draft pages, puis sur Open draft pour les remplir dans l’éditeur de pages. Rien n’est publié.

IA et crédits. Lorsque les suggestions IA sont activées, chaque recommandation consomme les crédits IA de votre organisation. Si l’IA n’est pas configurée, s’il n’y a plus de crédits ou si l’IA est indisponible, Atlas revient à une correspondance sans IA et ne facture rien.

Limites. Jusqu’à 50 plans par site et 10 briefs par plan. Les pages en brouillon sont créées vides à partir de leur type de page ; les éléments de bibliothèque recommandés sont listés mais pas placés sur les pages.

Choisir une palette à partir de votre logo

Ouvrez Design → Brand et la carte Palettes from your logo (le site doit avoir un contrat de site actif).

Choisissez la source de couleurs dans Sample colours from (votre logo ou une image de la médiathèque ; PNG, JPEG, WebP ou GIF), puis cliquez sur Suggest palettes.
Comparez six palettes : trois From your logo et trois Independent. Chacune affiche le contraste WCAG comme AA, AA large ou Fails. Faites passer Preview width de Phone à Desktop et cliquez sur Compare on a page pour les voir sur une vraie page.
Cliquez sur Edit tokens pour ajuster l’une des 12 couleurs (arrière-plan, surface, texte, texte atténué, action principale, texte sur couleur principale, accent, bordure, succès, avertissement, erreur, anneau de focus). Le contraste est recalculé pendant que vous modifiez ; Reset to suggested annule vos changements.
Cliquez sur Use this palette. Les palettes dont le texte a un contraste inférieur à 4,5:1 ne sont pas proposées.

Utiliser une palette propose une modification de la configuration du site ; cela ne change pas votre site web. Un administrateur du site l’examine et l’active sous Site setup, et votre développeur associe les design tokens de couleur à votre CSS. Atlas affiche la tâche du développeur avec la proposition.

Modèles. Save as template conserve une palette pour tous les sites de votre organisation (jusqu’à 100 modèles). Utilisez-la sur un autre site avec Use template.

Pour les agents de code

Une connexion d’agent de code disposant de la permission Read website plans peut lire les plans approuvés, les palettes et les design tokens via MCP, en lecture seule. Voir Agents IA (MCP).

Bibliothèque créative et animations Polices