SiteForge : le compilateur de sites IA aux résultats vraiment haut de gamme

Tous les créateurs de sites par IA ont le même problème de fond. L’IA fait tout d’un seul coup (design, mise en page, typographie, couleurs, espacements, adaptation aux écrans) et espère que tout sera réussi. Parfois, c’est le cas. Plus souvent, elle produit quelque chose qui fait « IA » à plein nez : mises en page connues, polices sages, palettes de couleurs prévisibles. Posez-en dix côte à côte et elles se fondent en une seule.

Nous avons décidé de résoudre cela à la racine. Aujourd’hui, nous partageons le plus grand changement jamais apporté à SiteDrop : SiteForge, un moteur de compilation de sites web conçu pour séparer ce que l’IA sait bien faire de ce qu’elle fait moins bien, et qui produit des sites vraiment sur mesure, pas des sites à modèle.

Pourquoi les sites IA en HTML brut atteignent un plafond

Quand ChatGPT, Claude ou Gemini génère un site, il écrit du HTML et du CSS bruts. Cela signifie que l’IA doit être en même temps graphiste, typographe, spécialiste des couleurs, expert en accessibilité et développeur front-end, le tout dans une seule réponse.

Les résultats sont impressionnants pour ce qu’ils sont. Mais ils ont un plafond infranchissable :

• La typographie relève du hasard. L’IA choisit des polices qu’elle a vues dans ses données d’entraînement. Pas d’échelle typographique modulaire, pas d’approche calculée, pas d’échelle de graisses. Les titres et le texte courant « font l’affaire », sans plus.
• Les palettes de couleurs restent en surface. Vous obtenez une couleur principale et une couleur d’accent, mais pas de fonds dérivés de façon systématique, de bandes sombres, de tons atténués vérifiés en contraste, ni de nuances pour les états interactifs.
• Les mises en page se répètent. L’IA reprend par défaut les mêmes schémas sûrs qu’elle a vus des milliers de fois. Accueil → fonctionnalités → témoignages → appel à l’action. À chaque fois.
• L’adaptation aux écrans est fragile. Les media queries sont devinées, pas calculées. Des choses cassent sur mobile d’une façon qu’on ne découvre qu’après la publication.

Ce ne sont pas des défauts de l’IA, ce sont des défauts qui viennent de lui demander de tout faire en même temps, dans un format (le HTML brut) sans filet de sécurité.

L’approche SiteForge : un compilateur, pas un générateur

SiteForge fonctionne de façon fondamentalement différente. Au lieu de demander à l’IA d’écrire du HTML, nous séparons le travail en deux couches :

1. L’IA prend les décisions créatives. Elle choisit la structure (quelles sections inclure et dans quel ordre), la palette de la marque, les associations de polices, les textes et la direction des images. Elle les produit sous forme de spécification structurée, une SiteSpec, et non de balisage brut.
2. Le compilateur gère l’ingénierie. Un moteur déterministe lit la SiteSpec et produit un HTML parfait au pixel près, avec des rapports de contraste garantis, des échelles typographiques calculées, de bons points de rupture adaptatifs, une alternance fluide des fonds et des ancres de navigation fonctionnelles. À chaque fois.

Pensez à un compilateur de langage de programmation. Le programmeur écrit du code de haut niveau (l’intention créative). Le compilateur produit du code machine optimisé (le site soigné). Le programmeur n’a pas à gérer la mémoire ni les registres du processeur. Le compilateur s’occupe de tout cela.

Ce que cela produit

La différence n’est pas subtile. Les sites créés avec SiteForge ont l’air d’avoir été conçus chacun par une agence différente, parce que le système comprend ce dont chaque secteur et chaque ambiance ont besoin.

• Des associations typographiques soignées. Pas de « choisissez une police Google ». Nous avons construit une bibliothèque de paires de polices titre/texte soigneusement testées (Playfair Display avec Inter pour les cabinets d’avocats éditoriaux, Bebas Neue avec Instrument Serif pour les salons de barbier à l’ambiance tamisée, Space Grotesk avec DM Sans pour les SaaS modernes), chacune avec une échelle modulaire, une échelle d’approche, un système de graisses et une architecture d’interlignage.
• Des palettes de couleurs systématiques. Chaque palette est un système complet de type Radix : arrière-plan, surface, texte, atténué, très atténué, ligne, accent (avec états survol et actif), couleur d’appui, bandes sombres et fonds de pastilles. Le tout vérifié en contraste selon le niveau WCAG AA.
• Des traitements de design. L’IA choisit un traitement visuel (dégradés, ombres, rayons de bordure, textures de surface (grain, points, grille), styles de séparateurs (angle, courbe, arche), cadrage des images), et le compilateur l’applique de façon cohérente sur chaque section.
• Un rythme des surfaces. Deux sections voisines ne partagent jamais le même fond. Le compilateur alterne les surfaces automatiquement pour créer de l’air visuel, quel que soit l’ordre dans lequel l’IA a placé les blocs.
• Une navigation fonctionnelle garantie. Chaque lien d’ancre aboutit. Les liens morts sont réconciliés automatiquement. La navigation est synthétisée quand l’IA l’oublie. Tout cela est géré de façon déterministe, sans appels à l’action « défiler vers nulle part » cassés.

Plus de 20 types de blocs conçus sur mesure

SiteForge n’est pas un modèle avec du texte variable. Le moteur inclut une riche bibliothèque de types de blocs avec lesquels l’IA peut composer :

• Variantes d’accueil : pleine largeur, panneau à droite, panneau à gauche, fond divisé, collage, avec des commandes de mise en page pour la position du média, l’alignement du texte, l’emplacement des chiffres clés et les cartes d’étiquettes.
• Blocs de contenu : grilles de fonctionnalités, grilles d’icônes, rangées alternées, compteurs de chiffres, contenu à onglets, étapes de processus ou de frise chronologique, cartes de membres de l’équipe, galeries de projets.
• Preuve sociale : carrousels de témoignages, intégrations de publications sociales, barres de logos, curseurs avant/après, blocs d’études de cas.
• Conversion : grilles tarifaires, appels à réserver, appels à l’action finaux, FAQ en accordéon, formulaires de contact avec carte intégrée.

Chaque type de bloc a son propre CSS, son propre comportement adaptatif et sa propre logique de contraste et d’espacement, le tout déterministe, le tout testé.

L’architecture Playbook

Ce qui rend le système extensible, c’est le modèle Playbook. Le compilateur est une fonction pure d’un Playbook : changez de playbook et vous obtenez un autre langage de design, avec le même moteur.

Un Playbook regroupe :

• Une grammaire : le brief créatif que suit l’IA.
• Un schéma auto-documenté : la spécification structurée dans laquelle l’IA s’exprime (il apprend le langage à l’IA tout en encadrant sa sortie).
• Des moteurs de rendu de blocs : les fonctions de balisage de chaque type de section.
• Le CSS de base : les jetons du système de design, générés à partir de la palette et de l’association de polices retenues.
• Un résolveur de design : il transforme les choix créatifs de l’IA en jetons prêts pour le moteur (paliers de contraste, échelles de graisses, valeurs adaptatives).

Résultat : l’IA écrit quelques lignes de direction créative. Le moteur produit un site pour lequel une agence de design facturerait des milliers.

Ce que cela change pour vous

Si vous utilisez le parcours de création de SiteDrop (répondre à des questions sur votre entreprise, choisir une ambiance), les sites que vous obtenez sont désormais créés avec SiteForge. L’expérience est la même (répondre aux questions, obtenir un site). La qualité fait un bond.

• Une typographie haut de gamme qui suit réellement un système de design, et non des choix de polices au hasard.
• Des palettes de couleurs riches : surfaces, bandes, états de survol, garanties de contraste.
• Des mises en page qui respirent : espacements corrects, alternance des surfaces, hiérarchie visuelle.
• Parfait sur mobile dès le départ : le comportement adaptatif est intégré au moteur, et non laissé aux devinettes de l’IA.
• Des formulaires de contact qui fonctionnent : les données de contact sont normalisées de façon déterministe (numéros de téléphone E.164, libellés au format d’affichage, mise en forme des adresses).

Le HTML vous appartient toujours. Vous pouvez toujours le télécharger, le modifier ou l’héberger n’importe où. La différence, c’est que ce que vous obtenez d’emblée est nettement meilleur.

En résumé

L’IA est formidable pour les décisions créatives : choisir la bonne ambiance, les bons textes, la bonne structure pour une entreprise. Elle est moins fiable pour l’ingénierie de précision qui transforme ces décisions en un site soigné, accessible et adaptatif.

SiteForge laisse l’IA faire ce qu’elle sait bien faire, et gère le reste avec un moteur déterministe qui garantit la qualité. Résultat : des sites générés par IA qui ont vraiment l’air haut de gamme, et non « made in IA ».