# Banque de templates Ketamyn, suivi

Regle compteur : **1 template = version PC + version mobile** (pas 2).

## Compteur global

**24 / 350** templates termines.

(Total calcule par enumeration API des 6 kits. File d'attente : `_pipeline/queue.json`.)

## Kits (dans l'ordre de traitement)

| # | Kit | Templates | Faits | Statut |
|---|-----|-----------|-------|--------|
| 1 | Landing Page Kit (13 Landing Pages) | 14 | 14 | termine |
| 2 | Website Wireframes UI Kit (BRIX) | 13 | 10 | en cours |
| 3 | LandingBox Figma UI Kit | 12 | 0 | a faire |
| 4 | Brainwave.io Landing Page UI Kit | 15 | 0 | a faire |
| 5 | Landing Page UI Kit (Export HTML) | 10 | 0 | a faire |
| 6 | 310 Landing Pages Collection | 286 | 0 | a faire |

Total ~ 350 (approx : quelques pages utilitaires peuvent etre ignorees a la production).

## Faits

- **kit2-lp010 "Mobile Content Cards V15"** (dixième template du kit2 BRIX Wireframes, maquette mobile-only 430px, section « cartes de contenu » présentant les fonctionnalités d'un produit, thème violet ardoise #5d5a88 sur fond blanc) : reproduction pixel-perfect. Page blanche (marges latérales 24px, padding vertical 60/61px) : quatre cartes empilées (gap 24px) à fond lavande #f2f1fa, rayon 20px, `overflow:hidden` (l'illustration d'appareil filaire déborde par le bas et est rognée par la carte). Chaque carte : bloc de texte centré en haut (padding 50/24/0) avec titre DM Sans 36px gras line-height 46px (#5d5a88) + paragraphe 16px line-height 28px (#9795b5, largeur 283px centrée), puis une illustration d'appareil filaire (export SVG depuis Figma, conservée comme illustration du kit, posée en bas et rognée). Cartes : « Application mobile » (mockup iPhone), « Suivi en temps réel » (mockup Apple Watch), « Alertes vocales » (mockup AirPods, calé à gauche x66 conforme à la cible), « Bureau & intégrations » (titre sur 2 lignes, mockup iPad). Illustrations d'appareils = SVG filaires (fills #e7e6f2, écrans blancs, contours #bcbacd/#d4d2e3, accents #adabc3) exportés via l'API Figma et stockés dans `assets/` (illustrations versionnées, pas des photos cuites - remplaçables). DM Sans (Google Fonts), accents FR complets, zéro mention IA, vérifié Playwright (zéro débordement mobile, VERDICT OK). Dossier `templates/kit2-lp010/`. URL live (à pousser sur le VPS) : https://showroom.ketamyn.fr/kit2-lp010/
- **kit2-lp009 "Mobile Pricing V12"** (neuvième template du kit2 BRIX Wireframes, maquette mobile-only 430px, page de tarifs en cartes à cadre photo, thème violet ardoise #5d5988 sur fond blanc) : reproduction pixel-perfect. Page blanche (marges latérales 24px, padding vertical 60px) : trois cartes de tarif empilées (gap 24px), chacune une carte blanche rayon 24px à fin contour #d4d2e3. En haut un grand cadre photo pleine largeur (hauteur 214px, fond clair #f9f8ff, coins supérieurs arrondis, icône montagne SVG #d4d2e3 centrée 60px ; remplaçable au CMS - une `<img>` posée dedans la remplace en object-fit). Corps (padding 24px) : bandeau titre + prix sur une ligne (nom de formule DM Sans 28px gras #5d5988 à gauche ; prix 44px gras #5d5988 + « / mois » 16px gras #8d8ba7 à droite), paragraphe descriptif 16px (#9795b5) line-height 28px, liste de 3 fonctionnalités à pastilles de coche SVG (cercle 26px #adabc2 + coche blanche) libellés 16px gras #5d5988, bouton pilule plein pleine largeur (hauteur 66px, rayon 40px, fond #5d5988, texte blanc 18px gras) « Commencer ». Formules : Essentiel (99 €/mois), Croissance (199 €/mois), Entreprise (399 €/mois) ; paragraphe et fonctionnalités identiques d'une carte à l'autre (Toutes les statistiques / Jusqu'à 250 000 visites suivies / Support standard), fidèle à la maquette. Bandeau titre+prix resserré sous 430px (media query) pour que le prix en euros ne soit jamais rogné, la maquette restant fidèle à 430px. DM Sans (Google Fonts), tout en CSS/SVG (kit wireframe : cadres photo vides prêts pour le CMS, aucune photo cuite), accents FR complets, vérifié Playwright (zéro débordement mobile, VERDICT OK). Dossier `templates/kit2-lp009/`. URL live (déployée VPS, HTTP 200) : https://showroom.ketamyn.fr/kit2-lp009/
- **kit2-lp008 "Mobile Testimonials V8"** (huitième template du kit2 BRIX Wireframes, maquette mobile-only 430px, section « témoignages clients », thème violet ardoise #5d5988 sur fond blanc) : reproduction pixel-perfect. En-tête centré (marges latérales 24px) : titre « Ce que disent nos clients » DM Sans 36px gras line-height 46px (#5d5988), paragraphe d'intro 16px (#9795b4) line-height 28px. Trois cartes de témoignage empilées (gap 24px), chacune une carte blanche rayon 24px (ombre douce + fin liseré) : grand cadre photo en haut (hauteur 382px, fond clair #f9f8ff, coins supérieurs arrondis, icône montagne SVG #d3d2e3 centrée 160x141 ; remplaçable au CMS - une `<img>` posée dedans la remplace en object-fit), puis bloc texte centré (padding 24/23/32) : citation 16px (#5d5988) line-height 28px entre guillemets « », nom DM Sans 18px gras (#5d5988), fonction 18px (#8d8ba6). Clients : Julien Carron (responsable marketing chez Novéa), Sophie Moreau (directrice générale chez Atelier Lumière), Mathis Cannet (fondateur de la Maison Garnier). DM Sans (Google Fonts), tout en CSS/SVG (kit wireframe : cadres photo vides prêts pour le CMS, aucune photo cuite), accents FR complets, vérifié Playwright (zéro débordement mobile, VERDICT OK). Dossier `templates/kit2-lp008/`. URL live (déployée VPS, HTTP 200) : https://showroom.ketamyn.fr/kit2-lp008/
- **kit2-lp007 "Mobile Team Members V7"** (septième template du kit2 BRIX Wireframes, maquette mobile-only 430px, section « équipe » variante en cartes, thème violet ardoise #5d5a88 sur fond blanc) : reproduction pixel-perfect. En-tête centré (marges latérales 24px) : titre « Rencontrez notre équipe » DM Sans 28px gras line-height 38px (#5d5a88), paragraphe d'intro 16px (#9795b5) line-height 28px. Trois cartes membre empilées (gap 24px), chacune une carte blanche rayon 20px (ombre douce + fin liseré) : cadre photo en haut (hauteur 349px, fond clair #f9f9ff, coins supérieurs arrondis, icône montagne SVG #d4d2e3 centrée 80x70 ; remplaçable au CMS - une `<img>` posée dedans la remplace en object-fit), puis bloc texte centré (padding 24/32/50) : nom DM Sans 24px gras (#5d5a88) line-height 34px, fonction 16px medium MAJUSCULES interlettrage 1.6px (#5d5a88), bio 16px (#9795b5) line-height 28px, et trois pastilles réseaux 36x36 rayon 8px fond #f2f1fa (icônes courriel/téléphone/globe #8d8ba7). Membres : Jean Caron (directeur et cofondateur), Sophie Moreau (directrice technique et cofondatrice), Mathis Garnier (responsable marketing). DM Sans (Google Fonts), tout en CSS/SVG (kit wireframe : cadres photo vides prêts pour le CMS, aucune photo cuite), accents FR complets, vérifié Playwright (zéro débordement mobile, VERDICT OK). Dossier `templates/kit2-lp007/`. URL live (déployée, HTTP 200) : https://showroom.ketamyn.fr/kit2-lp007/
- **kit2-lp006 "Mobile Team Members V5"** (sixième template du kit2 BRIX Wireframes, maquette mobile-only 430px, section « équipe », thème violet ardoise #5e5a88 sur fond blanc) : reproduction pixel-perfect. En-tête centré (marges latérales 24px) : titre « Faites connaissance avec notre équipe » DM Sans 28px gras line-height 38px (#5e5a88), paragraphe d'intro 16px (#9795b5) line-height 28px. Trois blocs de membre empilés (gap 50px), chacun : grand cadre photo pleine largeur (hauteur 455px, rayon 20px, fond clair #f9f8ff, icône montagne SVG #d4d2e4 centrée 80x71 ; remplaçable au CMS - une `<img>` posée dedans la remplace en object-fit), nom DM Sans 36px gras (#5e5a88) line-height 46px, biographie 18px (#9795b5) line-height 30px centrée. Membres : Camille Laurent (fondatrice et directrice créative), Sophie Moreau (cheffe de projet), Mathis Garnier (spécialiste technique). DM Sans (Google Fonts), tout en CSS/SVG (kit wireframe : cadres photo vides prêts pour le CMS, aucune photo cuite), accents FR complets, vérifié Playwright (zéro débordement mobile, VERDICT OK). Dossier `templates/kit2-lp006/`. URL live : https://showroom.ketamyn.fr/kit2-lp006/ (à pousser sur le VPS).

- **kit2-lp005 "Mobile Pricing V5"** (cinquième template du kit2 BRIX Wireframes, maquette mobile-only 430px, page de tarifs, thème violet ardoise #5d5988 sur fond blanc) : reproduction pixel-perfect. En-tête de section centré : sur-titre « TARIFS » 16px gras majuscules espacé (#8d8ba7), titre « Des tarifs abordables » DM Sans 36px gras (#5d5988) sur deux lignes, paragraphe d'intro 16px (#9795b5) line-height 28px. Trois cartes de tarif empilées (gap 50px, rayon 24px, contour #d4d2e3, fond blanc, padding 36/24, hauteur ~542px) toutes identiques (pas de carte en avant, structure plus simple que V1/V3) : en haut un cadre photo circulaire 148px (fond #f9f9ff, icône montagne SVG #d4d2e3 80x71 centrée ; remplaçable au CMS - poser une `<img>` dedans la remplace en object-fit), puis prix 44px gras centré (« 99 €/mois » / « 199 €/mois » / « 399 €/mois », /mois à la même taille que le prix conformément à la cible), nom de formule 18px gras majuscules espacé (#8d8ba7), paragraphe descriptif 16px (#9795b5) centré, bouton pilule plein pleine largeur (hauteur 76px, rayon 40px, fond #5d5988, texte blanc 20px gras) « Commencer ». Formules : Formule de base (99 €), Formule croissance (199 €), Formule entreprise (399 €). DM Sans (Google Fonts), tout en CSS/SVG (kit wireframe : cadres photo vides prêts pour le CMS, aucune photo cuite), accents FR complets, vérifié Playwright (zéro débordement mobile, VERDICT OK). Dossier `templates/kit2-lp005/`. URL live : https://showroom.ketamyn.fr/kit2-lp005/ (à pousser sur le VPS).
- **kit2-lp004 "Mobile Gallery V4"** (quatrième template du kit2 BRIX Wireframes, maquette mobile-only 430px, section galerie « Instagram », thème violet ardoise #5d5a88 sur fond blanc) : reproduction pixel-perfect. En-tête de section centré (marges latérales 24px) : titre bicolore « Suivez-nous sur » (#5d5a88) + « Instagram » (#adabc2, plus clair) DM Sans 28px gras line-height 38px, paragraphe d'intro 16px (#9795b5) line-height 28px. Galerie : 4 cadres photo carrés pleine largeur (rapport 1/1, empilés sans gouttière), teintes alternées #f9f9ff (1 et 3) / #e7e6f2 (2 et 4), chacun avec une icône montagne SVG #d4d2e4 centrée (80x70) ; cadres remplaçables au CMS (une `<img>` posée dedans la remplace en object-fit). Bouton plein pleine largeur (marges 24px) en pilule (hauteur 66px, rayon 40px, fond #5d5a88, texte blanc 18px gras) « Nous suivre ». DM Sans (Google Fonts), tout en CSS/SVG (kit wireframe : cadres photo vides prêts pour le CMS, aucune photo cuite), accents FR complets, vérifié Playwright (zéro débordement mobile, VERDICT OK). Dossier `templates/kit2-lp004/`. URL live : https://showroom.ketamyn.fr/kit2-lp004/ (HTTP 200, ketamyn.fr intact).
- **kit2-lp003 "Mobile Pricing V3"** (troisième template du kit2 BRIX Wireframes, maquette mobile-only 430px, page de tarifs, thème violet ardoise #5d5988 sur fond blanc) : reproduction pixel-perfect. En-tête de section centré : sur-titre « TARIFS » 16px gras majuscules espacé (#8d8ba7), titre « Des tarifs abordables » DM Sans 36px gras (#5d5988) sur deux lignes, paragraphe d'intro 16px (#9795b5). Bascule mensuel/annuel : deux pastilles 54px rayon 30px (« Mensuel » pleine #5d5988 texte blanc active, « Annuel » contour #d4d2e3 texte sombre #1d1c2a). Trois cartes de tarif empilées (rayon 24px, gap 24px), structure différente de V1 : titre de formule 28px gras à gauche, prix 56px gras + « /mois » 20px medium en ligne, paragraphe descriptif, séparateur fin, liste de 5 fonctionnalités à pastilles de coche SVG (cercle 26px + coche) libellés 16px gras, bouton pilule « Commencer » 66px rayon 40px. Carte du milieu « Croissance » mise en avant : fond plein violet #8d8ba7, badge blanc « Populaire » (texte navy #1d285e) en haut à droite, textes blancs, coches inversées (cercle blanc + coche #8d8ba7), séparateur blanc translucide, bouton blanc à texte #5d5988. Cartes Essentiel (99 €) et Entreprise (399 €) blanches à contour #d4d2e3, coches #adabc2 + coche blanche, bouton plein #5d5988. Formules : Essentiel (toutes les statistiques, jusqu'à 250 000 visites suivies, support standard, application mobile, jusqu'à 3 membres d'équipe), Croissance (tout de la formule Essentiel, jusqu'à 1 000 000 de visites, support premium, application mobile, jusqu'à 10 membres d'équipe), Entreprise (tout de la formule Croissance, jusqu'à 5 000 000 de visites, support dédié, application mobile, jusqu'à 50 membres d'équipe). DM Sans (Google Fonts), tout en CSS/SVG (kit wireframe : aucune photo), accents FR complets, vérifié Playwright (zéro débordement mobile, VERDICT OK). Dossier `templates/kit2-lp003/`. URL live : https://showroom.ketamyn.fr/kit2-lp003/ (HTTP 200, ketamyn.fr intact).
- **kit2-lp002 "Mobile Team Members V2"** (deuxième template du kit2 BRIX Wireframes, composant maquette mobile-only 430px, section « équipe », thème violet ardoise #5d5a88 sur fond blanc) : reproduction pixel-perfect. En-tête centré : titre « Rencontrez notre équipe » DM Sans 28px gras (#5d5a88), paragraphe d'intro 16px (#9795b5) sur trois lignes. Trois fiches de membre empilées (gap 50px), chacune : cadre photo remplaçable au CMS (rapport 382/381, fond clair #f9f9ff, rayon 20px, icône montagne SVG #d4d2e3 centrée ; une `<img>` posée dedans la remplace en object-fit), nom 28px gras (#5d5a88), fonction 20px medium (#8d8ba7), rangée de 4 pastilles sociales (carrés 36px fond #f2f1fa rayon 8px, glyphes SVG inline #8d8ba7 : Facebook, Twitter, Instagram, LinkedIn). Membres : Julien Carrier (Président et cofondateur), Sophie Moreau (Directrice technique et cofondatrice), Camille Laurent (Directrice artistique et cofondatrice). DM Sans (Google Fonts), tout en CSS/SVG (kit wireframe : cadres photo vides prêts pour le CMS, aucune photo cuite), accents FR complets, vérifié Playwright (zéro débordement mobile, VERDICT OK). Dossier `templates/kit2-lp002/`. URL live : https://showroom.ketamyn.fr/kit2-lp002/ (HTTP 200).
- **kit2-lp001 "Mobile Pricing V1"** (premier template du kit2 BRIX Wireframes, composant maquette mobile-only 430px, page de tarifs, thème violet ardoise #5d5988 sur fond blanc) : reproduction pixel-perfect. En-tête de section centré : sur-titre « TARIFS » 16px gras majuscules espacé (#8d8ba7), titre « Des tarifs abordables » DM Sans 36px gras (#5d5988) sur deux lignes, paragraphe d'intro 16px (#9795b5). Trois cartes de tarif empilées (contour #d4d2e3, rayon 24px), chacune : en-tête à fond clair #f9f9ff (coins hauts arrondis) avec nom de formule 28px gras, prix 56px gras (« 99 € » / « 199 € » / « 399 € »), mention « Facturé mensuellement » 20px medium, bouton pilule plein #5d5988 « Commencer » ; puis liste de 5 fonctionnalités à pastilles de coche SVG (cercle #adabc2 + coche blanche) et libellés 18px gras. Formules : Essentiel (toutes les statistiques, jusqu'à 250 000 visites suivies, support standard, application mobile, jusqu'à 3 membres d'équipe), Croissance (tout de la formule Essentiel, jusqu'à 1 000 000 de visites, support premium, application mobile, jusqu'à 10 membres d'équipe), Entreprise (tout de la formule Croissance, jusqu'à 5 000 000 de visites, support dédié, application mobile, jusqu'à 50 membres d'équipe). DM Sans (Google Fonts), tout en CSS/SVG (kit wireframe : aucune photo), accents FR complets, vérifié Playwright (zéro débordement desktop+mobile, VERDICT OK). Dossier `templates/kit2-lp001/`. URL live : https://showroom.ketamyn.fr/kit2-lp001/ (HTTP 200).
- **kit1-lp014 "viewio"** (composant pied de page mobile « Device=Mobile », dernier template du kit1, mobile-only 379px, fond blanc, texte slate #475569) : reproduction pixel-perfect. Pied de page mobile en colonne unique : 6 blocs de liens empilés - Catégories (Interface utilisateur, Expérience utilisateur, Médias numériques, Style de vie, Programmation, Animation), Produit (Tarifs, Aperçu, Parcourir, Accessibilité, Fonctionnalités, Journal des modifications), Solutions (Remue-méninges, Idéation, Maquettage, Recherche, Conception, Concept), Ressources (Centre d'aide, Blog, Tutoriels, Questions fréquentes, Communauté, Évènements), Support (Nous contacter, Développeurs, Documentation, Intégrations, Rapports, Webinaire), Entreprise (À propos, Presse, Évènements, Carrières, Clients, Partenaires) - titres Roboto 500 16px, liens Roboto 400 16px, rythme vertical fidèle. Séparateur fin puis bloc marque : logo robot SVG violet #7068ea + « viewio » gras 24px, copyright « viewio © 2024. Tous droits réservés. », liens légaux (Conditions/Confidentialité/Contact), rangée de réseaux sociaux SVG inline (YouTube, Facebook, Twitter, Instagram, LinkedIn) en slate, badges App Store (logo Apple) + Google Play (triangle coloré) SVG sur pilules noires, « Avertissement » 12px en bas. Tout en CSS/SVG (aucune photo dans ce composant). Accents FR complets, vérifié Playwright (zéro débordement desktop+mobile, VERDICT OK). Kit1 complet (14/14). Dossier `templates/kit1-lp014/`. URL live : https://showroom.ketamyn.fr/kit1-lp014/ (HTTP 200).
- **kit1-lp013 "flowt"** (créateur d'applications mobiles iOS et Android sans code, thème sombre navy #0f172a + tubes courbes violet #9333ea / magenta #c026d3 / ambre #fbbf24, accent bleu #2563eb) : desktop + mobile pixel-perfect. Hero sombre signature : header logo « flowt » blanc + nav (Accueil/Solutions/Tarifs/Développeurs) + Connexion + pilule blanche « Publier l'application » (burger mobile) ; titre 96px blanc « Créateur d'applications » + sous-titre 40px « Pour iOS et Android » + paragraphe + bouton blanc « Publier l'application » + bouton fantôme à pastille play « Voir la démo » ; maquette téléphone CSS (écran bleu clair, grille de tuiles à formes : cercle or, anneau bleu, flèche actualiser, étoiles or, barre de navigation à icônes). Tubes courbes SVG (violet/magenta/ambre) traversant toute la région sombre et reliant les appareils. Bloc « Concevez sur ordinateur, lancez sur mobile » : maquette ordinateur portable CSS (sidebar bleue + grille de cartes à formes losange/arc/anneau/étoiles) + texte + boutons à droite. Petit téléphone CSS en bas. Section blanche « Nos meilleurs partenaires » : 2 rangées de logos SVG inline (Astrom/cicio/weavy/vRokets/viewio + Metablu/Buildaa/hapi/Logo Ipsum/virtuo). Trois sections split fond #f1f5f9 : « Une création simple et rapide » (texte + maquette portable à vidéo, photo brute masquée object-fit + gros bouton play + mini-téléphone CSS) ; « Des modèles prêts à l'emploi » (texte + téléphone CSS affichant une photo brute masquée + mini-navigateur flottant à photo) ; « Publiez en un clic » (texte + 2 téléphones CSS dont un affichant une photo de visioconférence brute masquée). CTA sombre « Lancez votre application dès aujourd'hui » : téléphone CSS + tubes courbes + texte + bouton blanc. Footer navy 6 colonnes (Catégories/Produit/Solutions/Ressources/Support/Entreprise) à badges BÊTA violets + barre légale (flowt © 2024 + Conditions/Confidentialité/Gestion des cookies + réseaux sociaux SVG + badges App Store/Google Play). Photos brutes + masques CSS (object-fit), illustrations en CSS/SVG, accents FR complets, vérifié Playwright (zéro débordement desktop+mobile). Dossier `templates/kit1-lp013/`. URL live : https://showroom.ketamyn.fr/kit1-lp013/ (HTTP 200).
- **kit1-lp012 "protech"** (plateforme d'outils de conception technologique pour ingénieurs et passionnés, thème violet #701a75 + accent bleu #2563eb + section ambre #fbbf24) : desktop + mobile pixel-perfect. Header transparent logo « protech » (mark triangle play or) + nav (Produits/Solutions/Ressources/Tarifs à badges rouges « 99+ ») + bouton fantôme contour blanc « Demander une démo » (burger mobile). Hero violet centré (titre 72px blanc « Des outils de conception pour ingénieurs et passionnés » + paragraphe 300 + bouton ardoise « Demander une démo ») sur blobs violet profond + boucles de contour rose pâle ; découpe blanche diagonale en bas ; maquette navigateur CSS débordante (barre macOS + adresse pro.tech, app bleu clair #e0f2fe à sidebar #bae6fd + grille de cartes blanches à formes : losange contour, anneau/arc or, cercle or, étoiles or). Bande logos partenaires (Astrom/cicio/weavy/vRokets/viewio, SVG inline). Section split « Une collaboration efficace » (collage : carte « Populaire » + 2 photos brutes masquées object-fit + rangée d'avatars circulaires, texte à droite). Section split « Travaillez où vous voulez » (texte + badges App Store/Google Play SVG, illustration téléphone CSS à blob magenta/ambre + barre de navigation bleue). Bande bleue #0284c7 pleine largeur « Tous vos outils techniques et créatifs réunis » + bouton ardoise. Section « Faites grandir votre activité rapidement » (maquette navigateur CSS + 3 colonnes à icônes line-art : chrono/Gain de temps, organigramme/Flux structurés, étoiles/Qualité au rendez-vous). Section témoignage ambre #fbbf24 (citation + « Marie Poirot, Bigapp » + flèches préc/suiv + points + portrait brut masqué sur forme violette inclinée + motif de points). Grille « Les fonctionnalités que vous attendiez » : 6 cartes (photo brute masquée + icône colorée + titre + paragraphe). Section « Articles sur la conception technologique » : 3 cartes bordées (photo brute masquée + titre + « Lire l'article »). FAQ « Questions fréquentes » en accordéon (details/summary, 5 questions à réponses FR, chevrons). CTA violet « Prêt pour votre prochain projet ? » + bouton ardoise. Footer 5 colonnes (logo + PRODUIT/SOLUTIONS/RESSOURCES/ENTREPRISE) + barre légale (© 2024 protech + Conditions/Confidentialité/Contact + réseaux sociaux SVG). Photos brutes + masques CSS (object-fit / cercles), illustrations en CSS/SVG, accents FR complets, vérifié Playwright (zéro débordement desktop+mobile). Dossier `templates/kit1-lp012/`. URL live : https://showroom.ketamyn.fr/kit1-lp012/ (HTTP 200).
- **kit1-lp011 "mabi"** (plateforme de création / lancement d'applications mobiles sans code, thème slate sombre #475569 + accent bleu #2563eb + or #fbbf24) : desktop + mobile pixel-perfect. Header logo « mabi » blanc + nav (Accueil/Solutions/Tarifs/Ressources▾) + pilule contour « Connexion » + pilule blanche « Lancement gratuit » (burger mobile). Hero slate deux colonnes (titre 72px blanc « Lancez votre application » + sous-titre slate-300 « Développez votre activité » + paragraphe + bouton contour blanc « Lancement gratuit ») + maquette d'illustration tout en CSS (2 téléphones blancs superposés à formes décoratives : cercle/croissant or, carrés clairs, cœur contour, éclair or contour) + tablette à bordure slate tenant une photo brute masquée (object-fit, visioconférence) + découpe diagonale blanche en bas. Section « Nos meilleurs partenaires » fond clair #f1f5f9 (2 rangées de 5 + 4 logos SVG inline : Astrom/cicio/weavy/vRokets/viewio/Metablu/Buildaa/hapi/Logo Ipsum/virtuo). Section « Comment ça marche » blanche : 3 cartes bordées à icônes line-art (chrono, organigramme, étoiles) + paragraphe. Section split « Créez sans écrire de code » (texte + maquette ordinateur CSS à panneau/pastille or + gros bouton lecture + mini-téléphone CSS à grille). Section split fond clair « Conçu pour tous les écrans » (téléphone CSS tenant une photo brute masquée + texte). Section split « Publiez en un clic » (texte + collage de 2 téléphones app CSS à barre de navigation slate + tablette à photo brute d'œuvre colorée masquée). CTA slate à découpe diagonale « Lancez votre application dès aujourd'hui » : maquette navigateur/tableau de bord CSS (barre macOS, sidebar bleue, tuiles losange/cercle/carré + icône recharger bleue) + texte + bouton contour blanc. Footer slate 6 colonnes (logo + Produit/Solutions/Ressources/Support/Entreprise) + badge BÊTA violet + barre légale (© 2024 mabi + Conditions/Confidentialité/Contact + globe FR + EUR + retour haut). Photos brutes + masques CSS (object-fit), illustrations en CSS/SVG, accents FR complets, vérifié Playwright (zéro débordement desktop+mobile). Dossier `templates/kit1-lp011/`. URL live : https://showroom.ketamyn.fr/kit1-lp011/ (HTTP 200).
- **kit1-lp010 "Collers"** (marketplace de sneakers de collection, thème cream/or #fef3c7 + or #fbbf24, accents bruns #92400e) : desktop + mobile pixel-perfect. Header logo brun « Collers » + nav (Produits/Solutions/Tarifs/Ressources) + Connexion + bouton contour brun « S'inscrire » (burger mobile). Hero deux colonnes (titre 64px « Sneakers de collection », double CTA contour + « Voir la démo » à pastille play, bande diagonale cream-soft décorative) + carré or arrondi + photo brute de sneaker masquée (object-fit) inclinée flottant dessus. Rangée de 3 features à icônes line-art brunes + blobs colorés (Authenticité garantie / Livraison sécurisée / Communauté passionnée). Section sombre navy #0f172a « Le meilleur du meilleur » (3 cartes navy-soft à formes colorées débordantes derrière, photo brute masquée, bouton ardoise « Acheter » à icône panier). Section « Pourquoi nous rejoindre » : carte blanche élevée à checklist (coches or) + visuel à formes décoratives (losange or, cercles bleu/vert, carré violet) + maquette navigateur CSS à vidéo (photo de coureurs brute masquée + gros bouton play). Bande témoignages « Parce qu'ils nous adorent » (flèches préc/suiv) : bande or + carrousel scroll-snap de cartes blanches à logo SVG (Zoomerr/SHELLS/ArtVenue/WAVES) + avatar circulaire masqué + nom/rôle. Section « Agrandissez votre collection » : menu vertical à items (Suivi de la cote actif + flèche, Alertes de sortie, Catalogue personnel...) + collage de 2 maquettes navigateur CSS (photos brutes masquées) + petite carte flottante. Section brune #78350f à carte du monde en pointillés or : grand nombre « 11 658 467 » + « paires collectionnées » + carte flottante « Emma Simpson a collectionné une paire de Cool Shoes » à 2 photos. Section « Articles de collectionneurs » (lien « Plus d'articles ») : 4 cartes photo brute masquée + titre + « Lire l'article ». Section « Évènements incroyables » : 4 cartes blanches (catégorie ville + titre + photo brute masquée + « Réserver ») débordant sur une bande navy. CTA final navy « Collectionnez plus de sneakers dès aujourd'hui » + carrés violets décoratifs + bouton contour clair. Footer navy 4 colonnes (Produit/Solutions/Support/Téléchargez l'app) + badges App Store/Google Play SVG + « Suivez-nous » réseaux sociaux SVG + barre légale (Mentions légales/Confidentialité/Contact/globe FR). Photos brutes + masques CSS (object-fit / cercles), illustrations en CSS/SVG, accents FR complets, vérifié Playwright (zéro débordement desktop+mobile). Dossier `templates/kit1-lp010/`. URL live : https://showroom.ketamyn.fr/kit1-lp010/ (HTTP 200).
- **kit1-lp009 "trakor"** (SaaS de suivi de progression d'équipe / gestion de projets, thème sombre navy #0f172a) : desktop + mobile pixel-perfect. Header logo « trakor » + nav (Produit/Solutions/Documentation/Tarifs) + Connexion + bouton ardoise « Demander une démo » (burger mobile). Hero centré (eyebrow indigo, titre 72px blanc, sous-titre slate-300, double CTA indigo/ardoise) + illustration de carrés pivotés superposés (contours indigo + carré plein indigo-900) tout en CSS. Bande partenaires (SmartFinder/Zoomerr/SHELLS/WAVES/ArtVenue, icônes SVG). Bloc centré « Votre équipe. Vos projets. / Toujours synchronisés. ». Section split « Une équipe plus grande. / Plus de temps. » (texte + collage 2x2 de 4 photos brutes masquées object-fit). Bande pleine largeur indigo #4f46e5 « Pilotez vos projets… » + maquette navigateur (trakor.app) tout en CSS/SVG (barre, sidebar bleu clair, cartes à formes géométriques : quart de cercle jaune, losange, cercle+flèche, cœur, étoiles). Section split inversée « Des outils puissants. / Plus de contrôle. » (collage 1 grande + 2 petites photos + checklist à coches indigo). Section split « Gestion d'équipe. / Synchronisation sans effort. » (checklist + grande photo brute masquée). Carte bordée à graphique linéaire SVG (« Des résultats mesurables… » + bouton ardoise). Section fond ardoise #1e293b « Maîtrisez le rythme. / Travaillez plus vite. » (photo brute masquée). Section témoignages « Nos partenaires. Nos amis. / Ils nous adorent. » (carrousel scroll-snap horizontal de cartes #1e293b à badge « En vedette » violet + « +2,5% » vert + avatar circulaire masqué + nom/rôle) + nav Précédent/Suivant. CTA final centré « Votre équipe. Vos projets. / Toujours synchronisés. » (double CTA). Footer 6 colonnes (Catégories/Produit/Solutions/Ressources/Support/Entreprise) + badges BETA violets + barre légale + réseaux sociaux SVG + badges App Store/Google Play. Photos brutes + masques CSS (object-fit / cercles), illustrations en CSS/SVG, vérifié Playwright (zéro débordement). Dossier `templates/kit1-lp009/`. URL live : https://showroom.ketamyn.fr/kit1-lp009/ (HTTP 200).
- **kit1-lp008 "Idéo"** (application SaaS de brainstorming / gestion d'idées, thème clair violet) : desktop + mobile pixel-perfect. Header logo violet + nav (Produits/Solutions/Tarifs/Ressources) + Connexion + bouton pilule violet (burger mobile). Hero centré (titre 72px, sous-titre, CTA pilule violet) sur blobs lilas décoratifs + maquette navigateur tout en CSS (barre, adresse, cartes à formes géométriques : losange, arcs jaunes, cercles bleus, étoiles) + lien « Voir la démo ». Bande de 4 fonctionnalités (icônes SVG en cercles colorés : trombone vert, pouls cyan, camembert bleu, diaphragme violet). Bande « Brainstormez facilement » en 2 colonnes (photo brute masquée à gauche + panneau violet plein à droite, bouton blanc). Bandeau galerie 4 photos brutes pleine largeur. Section « Trouvez des histoires inspirantes » (grande photo + carte blanche flottante à citation + lien + points de carrousel). Section « Faites grandir votre activité » (bouton contour violet). Deux sections « Des idées sans limites » : #1 maquette navigateur CSS + carte photo flottante (corkboard) à avatar circulaire + triangle lecture ; #2 fond gris + collage de 4 photos brutes. CTA « Brainstormez dès maintenant ! » (bandeau galerie 4 photos + panneau violet profond à anneaux + maquettes téléphone CSS inclinées). Footer 6 colonnes + barre légale + réseaux sociaux SVG + badge App Store. Photos brutes + masques CSS (object-fit), illustrations en CSS/SVG, vérifié Playwright (zéro débordement). Dossier `templates/kit1-lp008/`.
- **kit1-lp007 "Galerie"** (marketplace d'oeuvres d'art, en-tete crimson #881337) : desktop + mobile pixel-perfect. Hero crimson a nav + bouton fantome + barre de recherche (champ + bouton crimson) + pills de categories, photo d'artiste brute masquee (object-fit) qui deborde dans la bande. Bande de partenaires gris clair (SmartFinder/Zoomerr/SHELLS/WAVES/ArtVenue, icones SVG). Categories en vedette (5 cartes photo brute + degrade + legende). Dernieres oeuvres (carrousel scroll horizontal de cartes a badge Sponsorise/En vedette/Nouveau + avatar circulaire masque). Services (6 icones line-art crimson + bouton). Section sombre slate "Meilleures solutions" (texte + checklist + mockup navigateur CSS a degrade arc-en-ciel + bouton play + 2 photos flottantes brutes). Temoignage gris (grande video photo brute + play + fleches). Section sombre "Devenez incroyable" (carte centrale elevee + 2 cartes laterales fanees). Evenements (3 cartes photo + badge). CTA navy "Ajoutez des oeuvres" (photo collectionneur brute masquee debordante). Footer 6 colonnes a en-tetes icones + reseaux sociaux + mentions legales. Photos brutes + masques CSS, illustrations en SVG/CSS, verifie Playwright (zero debordement). Dossier `templates/kit1-lp007/`.
- **kit1-lp001 "Soller"** (solaire) : desktop + mobile pixel-perfect, photos brutes + masques CSS. Dossier `templates/landing-01/`.
- **kit1-lp002 "Respira"** (méditation / bien-être) : desktop + mobile pixel-perfect, en-tête fuchsia, dégradé de titres, illustrations d'appareils (navigateur + téléphone) en CSS, photos brutes + masques CSS, vérifié Playwright (zéro débordement). Dossier `templates/kit1-lp002/`.
- **kit1-lp003 "Savia"** (plateforme e-learning / enseignement en ligne) : desktop + mobile pixel-perfect, hero à blob jaune + photos masquées + bulles de chat, surlignage brosse orange, mockup navigateur dégradé, rangée d'icônes d'apps, cartes de leçons (badges À la une / Populaire / Nouveau), collage de photos, bande de stats navy, témoignages, bande CTA jaune à avatars flottants, footer 5 colonnes. Photos brutes + masques CSS (cercles), illustrations en SVG inline, vérifié Playwright (zéro débordement). Dossier `templates/kit1-lp003/`.
- **kit1-lp005 "magnifico"** (SaaS de gestion de projets collaboratifs, thème clair bleu) : desktop + mobile pixel-perfect, header à nav + bouton bleu, hero deux colonnes (titre 72px, champ e-mail + CTA, rangée de partenaires SHELLS/SmartFinder/ArtVenue/WAVES, maquette navigateur avec photo brute + grille de points décorative), section collage 3 photos portrait décalées, section « radar » d'outils (cercles concentriques + polygone violet SVG + pastilles d'apps colorées), bande violette pleine largeur (photo de montgolfières brute + masque CSS + dégradé violet, texte blanc), section « flux de travail » à onglets (Recherche/Planification/Conception) + carte vidéo (photo brute + bouton lecture), CTA dégradé indigo→fuchsia, footer compact. Photos brutes + masques CSS (object-fit), illustrations en SVG/CSS, vérifié Playwright (zéro débordement). Dossier `templates/kit1-lp005/`.
- **kit1-lp006 "Appy"** (SaaS createur d'applications mobiles sans code, theme clair bleu) : desktop + mobile pixel-perfect, header a nav + bouton bleu + burger mobile, hero deux colonnes (titre 72px, double CTA, maquette telephone CSS a ecran bleu degrade + tuiles colorees + arcs pointilles + pastilles), rangee de 3 cartes a icones (cercles rouge/jaune/bleu pointilles), deux sections en split (telephone illustre a gauche + texte/liste a puces a barre bleue a droite) avec tuiles photo brutes masquees (object-fit) et bordures pointillees, section temoignage fond gris (portrait brut masque + etiquette flottante vitrine + carrousel a points), FAQ en accordeon (details/summary, chevrons), bande CTA fond gris a maquette telephone, footer 6 colonnes + barre sociale. Photos brutes + masques CSS, illustrations en CSS/SVG, verifie Playwright (zero debordement). Dossier `templates/kit1-lp006/`.
- **kit1-lp004 "Calame"** (SaaS de design collaboratif, thème sombre navy) : desktop + mobile pixel-perfect, fond navy #0F172A, surlignage marqueur violet/rose, hero centré + mockup navigateur en CSS (barre, pastilles, camembert, cartes flottantes), rangée de logos partenaires (SVG inline), 4 sections alternées (texte / mockup ou formes décoratives : anneaux + disque orange + carrés violets empilés + carré rose), bande de témoignage violette pleine largeur (carte + avatar circulaire masqué), section blanche d'évènements (3 cartes photo brute + masque + pastille date + avatar circulaire + tags), footer blanc 5 colonnes. Photos brutes + masques CSS (object-fit / cercles), illustrations en CSS/SVG, vérifié Playwright (zéro débordement). Dossier `templates/kit1-lp004/`.

## Pipeline (API Figma, autonome a terme)

- `_pipeline/kits.json` : config des 6 kits.
- `_pipeline/figma_api.py` : helpers API REST Figma (auth via FIGMA_TOKEN).
- `_pipeline/enumerate_kits.py` : enumere les landings -> `queue.json`.
- `_pipeline/prepare_queue.py` : tri + slug + statut + compteur.
- `_pipeline/queue.json` : file d'attente des 350 templates (seq, slug, nodes desktop+mobile, statut).
- `_pipeline/obtenir-cle-figma.bat` : enregistre le token Figma.
- A venir : `figma_pack.py` (design-pack d'un template) puis generation + verif Playwright.
