Kit Périmètre natif pour Shopify (thème Horizon)

Ce kit s’adresse aux designers, aux freelances et aux agences qui conçoivent une boutique sur Shopify® avec le thème gratuit Horizon, et qui doivent la chiffrer avant de la dessiner. Il répond, bloc par bloc, à une seule question : ce que vous dessinez est-il natif, réglable dans l’administration, payant ou à développer ? Chaque bloc des écrans porte une étiquette qui renvoie à une ligne de la matrice, et chaque ligne cite la page de documentation officielle ou le dépôt du thème sur lequel elle repose. Vous présentez au client des maquettes que la plateforme et le thème savent livrer, et vous mettez à part, dans le devis, ce qui demande une app, un plan supérieur ou du développement.

Une ligne repérée au cadrage se chiffre avant la maquette plutôt qu’à la passation : un checkout rendu par la plateforme, hors du thème, dont l’éditeur ne règle presque rien hors du plan Plus ; des filtres de collection qui passent par une app gratuite de l’éditeur de la plateforme ; un fil d’Ariane absent du thème ; des avis et une liste d’envies fournis par des apps tierces.

Sources officielles vérifiées le 11 novembre 2026, pour la plateforme hébergée, qui change sans numéro de version, et le thème Horizon 4.5.0. Le kit aide à cadrer et à concevoir : il ne vaut ni conseil juridique, ni audit de votre boutique, ni garantie d’exhaustivité.

• Une matrice de 121 lignes, une par fonctionnalité, rangées par domaine : catalogue, navigation et recherche, fiche produit, panier, checkout, compte, contenus, e-mails, international, thème et B2B.
  • Statut : 34 lignes natives, 66 configurables avec le chemin exact dans l’administration, 15 en extension (une app à installer, de l’éditeur de la plateforme ou tierce, même gratuite), 6 en développement.
  • Front Horizon : 69 lignes rendues par un fichier du thème, 35 rendues hors du thème par la plateforme (checkout, comptes clients, bandeau de cookies) ou par le bloc d’une app, 3 par une app tierce gratuite ou payante selon l’app (avis, liste d’envies, fidélité), 6 à développer, 8 sans objet.
  • Plan : 117 lignes valent pour tous les plans, 3 pour le plan Plus seulement, 1 pour les plans Advanced et Plus.
  • Risque devis : 99 lignes en risque faible, 18 en moyen, 4 en fort.
  • Sources : chaque ligne cite sa source officielle, sa date de lecture et un extrait court en langue d’origine, 88 URL sources au total. Les 15 lignes prouvées par le dépôt du thème gardent un extrait vide, parce que la licence du thème ne permet pas de le citer. Le tableur compte 5 feuilles : Mode d’emploi, Matrice, Écrans, Extensions (les 15 apps citées, avec leurs conditions et sans prix) et Sources.
• Un fichier de conception pour Figma : 22 écrans en desktop et en mobile, et 3 e-mails (confirmation de commande, confirmation d’expédition, relance de panier abandonné).
  • Écrans : accueil, collection avec filtres, recherche et suggestions, fiche produit, fiche produit à variantes, fiche carte cadeau, tiroir panier, page panier, checkout en une page, remerciement et statut de commande, connexion client, commandes, détail d’une commande avec retour en libre-service, profil, adresses et moyens de paiement, page de contenu, blog et article, contact, page introuvable, boutique protégée par mot de passe, carte cadeau reçue, sélecteur de pays et de langue, liste des collections.
  • Variante Plus : le checkout a une variante distincte, en desktop et en mobile, pour les blocs réservés au plan Plus ; sur la fiche produit à variantes, la fiche combinée du plan Plus est dans un groupe que vous pouvez masquer. Soit 23 cadres desktop et 23 cadres mobiles.
  • Étiquettes : 99 lignes de la matrice sont dessinées, en 95 blocs par jeu d’écrans et 264 étiquettes au total. Chaque bloc porte une étiquette sur deux lignes, l’identifiant et le statut, puis la valeur du front Horizon, toujours écrites en toutes lettres et posées dans un calque d’annotations que vous pouvez masquer.
  • Fondations et composants : 67 variables, 15 styles de texte, 1 style d’effet, 24 jeux de composants pour 88 variantes (étiquette de périmètre, boutons, champs, cases et boutons radio, pastilles, quantité, badges, prix, carte produit, facettes, filtres actifs, fil d’Ariane, pagination, onglets, accordéon, messages, notes, étapes du checkout, ligne de panier, récapitulatif de commande, en-tête et pied de page, tiroirs, modale) et 27 icônes. Aucun logo.
• 68 tokens, dont 16 couleurs, 12 espacements, 9 rayons, 9 pas de texte avec leur taille et leur interligne, 4 familles de polices, 4 graisses, 3 tailles, 1 épaisseur de trait et 1 ombre. Ils sont identiques dans le fichier de conception, les deux fichiers de tokens et la table de correspondance du thème. Espacements, rayons, tailles et interlignes sont des multiples de 4 px.
• La table de correspondance du thème : pour chacun des 63 réglages du thème relié au kit, le token, sa valeur et la saisie dans l’éditeur de thème, puis 14 réglages de section et de bloc. 57 tokens sont reliés à un réglage, 11 n’en ont pas (les interlignes, les tailles de légende et de petit texte). S’y ajoute la liste commentée des 11 écarts à la configuration livrée avec le thème, à appliquer ou à refuser à la passation.
• Un guide de cadrage de 25 pages, en français : lire la matrice et les étiquettes, les plans, les 7 questions à poser au client avant la maquette, un atelier de cadrage pas à pas, 12 pièges où une maquette plausible sort du natif sans le dire, la passation au développement, la saisie de la configuration dans l’éditeur de thème, les 21 fonctionnalités que le kit ne tranche pas (7 sans page officielle, 10 sourcées mais hors de son périmètre, 4 sans équivalent sur la plateforme), et les sources.
• Une checklist de passation de 18 points, dans le guide et en fichier texte à copier dans un ticket.

Fichiers du kit :

LICENCE.txt
LISEZMOI.txt
CREDITS.txt
figma/native-scope-kit-for-shopify-horizon-1.0.0.fig
guide/guide-cadrage.pdf
guide/checklist-passation.md
matrice/perimetre-natif.xlsx
matrice/perimetre-natif.csv
tokens/tokens.json
tokens/tokens.2025-10.json
theme/config-tokens.json
theme/ecarts-config-defaut.md

• Matrice en XLSX et en CSV UTF-8, avec les mêmes identifiants : le tableur a ses listes déroulantes et se filtre par plan, par écran ou par risque ; le CSV s’importe dans tout tableur ou outil de suivi. Les chemins d’administration sont en anglais, comme l’interface.
• Guide en PDF A4 balisé, avec signets, et checklist en Markdown.
• Tokens en DTCG JSON au format antérieur à 2025.10, valeurs en chaîne (tokens/tokens.json), et les mêmes tokens au format DTCG 2025.10 pour les autres outils (tokens/tokens.2025-10.json).
• Thème : theme/config-tokens.json est une table de correspondance en JSON, à saisir réglage par réglage dans l’éditeur de thème, sans modifier de fichier. Elle a été contrôlée sur le schéma des réglages d’Horizon 4.5.0 (commit 51b31c9d) : chaque identifiant existe et chaque valeur entre dans les bornes du réglage. Elle n’a pas été saisie dans une boutique réelle.
• Code du thème : le kit ne contient aucun fichier, aucun extrait de code ni aucune capture du thème Horizon, dont la licence limite l’usage du code au développement de thèmes pour la plateforme. Ses tokens portent des valeurs propres au kit ; celles du thème ne sont citées, pour comparaison, que dans theme/ecarts-config-defaut.md et dans les notes de la matrice qui en dépendent.
• Fichier .fig : un fichier compatible Figma, à importer dans votre espace. Écrans desktop en 1 440 px, mobiles en 375 px, e-mails en 600 px.
• Polices : Inter (SIL OFL 1.1) est référencée par les tokens et n’est pas fournie. Le guide est composé en Work Sans (SIL OFL 1.1), embarquée dans le PDF.
• Versions relevées : thème Horizon 4.5.0, commit 51b31c9d ; documentation de la plateforme lue le 11 novembre 2026, chaque ligne portant sa date de lecture.

• Horizon n’a pas d’étape de compilation : il n’a ni fichier de tokens ni build. Les tokens se saisissent dans l’éditeur de thème, d’après la table theme/config-tokens.json : palette d’abord, puis chaque réglage de couleur, de typographie, de rayon et de taille.
• Interlignes, rayons internes et forme de l’ombre demandent une surcharge de feuille de style : ces 3 écarts ne se règlent pas dans l’administration. Pour chacun, acceptez l’écart ou chiffrez la surcharge ; le guide le dit, sans exemple de code.
• Trois lignes ne valent que pour le plan Plus, une pour Advanced et Plus : la fiche combinée, le style avancé du checkout et les blocs d’apps dans les étapes du checkout demandent Plus ; un checkout par marché demande Advanced ou Plus. Le kit ne cite aucun prix de plan ni d’app : relevez-les à la date du devis.
• Le paiement en plusieurs fois Shop Pay n’est pas proposé aux marchands établis en France : la ligne figure dans la matrice pour le devis, sans bloc dessiné, et le guide explique pourquoi et quoi demander au client.
• Les noms de boutique et de produits des écrans sont fictifs.
• Le PDF est balisé, mais sa conformité PDF/UA n’a pas été mesurée.
• Le kit n’est pas un thème et ne contient aucune app : il sert à cadrer, à concevoir et à passer la main au développement.
• La présence d’Inter dans la bibliothèque de polices de l’éditeur de thème n’a pas été vérifiée.
• La matrice cite quelques moyens de paiement accéléré et de connexion par leur nom, à titre nominatif.
• Sur certains écrans, les étiquettes recouvrent le haut d’un bloc (titre, fil d’Ariane) : masquez le calque d’annotations pour voir le bloc entier.
• Le guide, la matrice et les étiquettes sont en français ; les extraits de documentation restent en langue d’origine.
• Mises à jour : gratuites pour les acheteurs, publiées au fil des versions de la plateforme, sans calendrier garanti. Elles couvrent les corrections du kit et, quand une évolution de la plateforme ou une nouvelle version du thème change un statut, une source ou un réglage, la mise à jour de la matrice, des étiquettes, des tokens et du guide. Elles ne couvrent pas les fonctionnalités laissées hors de la matrice, que le guide liste à part.

Le kit est vendu avec la licence commerciale, en paiement unique : vous pouvez l’utiliser pour vos projets personnels et professionnels, y compris pour vos clients, mais pas revendre ni redistribuer ses fichiers, même modifiés, comme kit ou comme modèle.

• Design tokens : ce que change vraiment le nouveau standard W3C DTCG

1.0.0 (11 novembre 2026) : première version.

Shopify® est une marque déposée de Shopify Inc. Horizon est un thème de Shopify Inc. Kit indépendant, ni affilié à, ni approuvé ni sponsorisé par Shopify Inc. Les noms de la plateforme, du thème et des apps de l’éditeur ne servent que de mention de compatibilité et de périmètre ; le contenu de démonstration du fichier de conception porte des marques inventées. Aucun logo, aucune capture d’une boutique réelle ni du thème, aucune interface imitée : les écrans sont redessinés à partir de la structure de page documentée.

Déclaration d’IA : la matrice, les textes du guide, les tokens, la table de correspondance, les scripts de contrôle et la construction du fichier de conception ont été produits avec un assistant d’IA (Claude Code, Anthropic), puis contrôlés par des scripts et par relecture. Sources officielles vérifiées le 11 novembre 2026 : chaque ligne de la matrice cite la source sur laquelle elle repose. Le kit ne contient aucune image générée par IA.