# Six directions pour la boutique 404BILLY

Ces expériences proposent une direction artistique et une navigation. Elles ne sont pas encore des thèmes installés dans Shopify. Aucun backend marchand n’est connecté aux prototypes; les achats y sont désactivés.

## Bases gratuites proposées

Les cinq bases ci-dessous sont conçues par Shopify et affichées gratuites dans le Theme Store, vérifié le 11 octobre 2026. Le choix est une recommandation de mise en œuvre, pas la promesse que les effets artistiques existent dans le thème.

| Expérience | Base proposée | Pourquoi et travail spécifique | Complexité relative |
|---|---|---|---|
| **01 — Silence** | [Atelier](https://themes.shopify.com/themes/atelier/presets/atelier) | Sa présentation éditoriale et ses grands médias conviennent à une ouverture contemplative. L’œuvre Canvas et sa réaction au pointeur seraient une section personnalisée. | Élevée pour l’œuvre; moyenne pour la boutique. |
| **02 — Contreforme** | [Publisher](https://themes.shopify.com/themes/publisher/presets/publisher) | Son orientation sombre et narrative accompagne les formes et les vides. Le dessin génératif Canvas et les interactions restent à intégrer. | Élevée pour la composition interactive. |
| **03 — Fréquence 404** | [Horizon](https://themes.shopify.com/themes/horizon/presets/horizon) | Une base flexible pour conserver une boutique claire après l’expérience. Les ondes Canvas, stations, accord et lecture sont du JavaScript personnalisé. | Élevée pour le signal et ses commandes. |
| **04 — Ombres** | [Studio](https://themes.shopify.com/themes/studio/presets/studio) | Son attention aux artistes et collections convient à une présentation d’œuvres. La chambre, la lumière et les révélations nécessitent du CSS/JavaScript spécifique. | Moyenne à élevée selon les effets retenus. |
| **05 — Encre** | [Ritual](https://themes.shopify.com/themes/ritual/presets/ritual) | Son esthétique de magazine soutient la lecture typographique. Le signe 4 original en SVG, son mouvement et les pages de paroles sont personnalisés. | Moyenne pour le SVG; moyenne à élevée pour la lecture. |
| **06 — Scribble** | [Horizon](https://themes.shopify.com/themes/horizon/presets/horizon) | Des blocs flexibles pour séparer dessin libre et catalogue. Le Canvas de dessin, le signe SVG et leurs commandes sont une section dédiée. | Élevée pour le dessin et ses états. |

## Intégration dans Shopify

Les palettes, la typographie et l’espacement commencent dans les réglages du thème. Les compositions complètes seraient développées en sections ou blocs **Liquid**, avec leurs propres réglages, CSS, SVG/Canvas et JavaScript. Un bloc **Custom Liquid**, lorsqu’il est disponible au bon emplacement, peut suffire pour un fragment simple. Une expérience entière mérite une section dédiée et des fichiers d’assets maintenables.

Le champ CSS de l’éditeur est limité à 1 500 caractères pour le thème et 500 par section. Il n’agit pas sur le checkout; il ne suffit donc pas à porter ces expériences complètes. [Documentation CSS Shopify](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/edit-code/add-css).

**Sidekick** peut modifier les réglages et organiser les sections/blocs déjà présents. L’éditeur permet aussi de générer un bloc personnalisé, puis de l’ajouter à une section compatible. Cela peut aider à démarrer une structure; le résultat doit être relu et testé, particulièrement pour les animations, l’accessibilité et la performance. La génération nécessite un forfait compatible et les permissions appropriées. [Sidekick dans l’éditeur](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/theme-editor/sidekick), [génération de blocs et conditions](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/theme-editor/sidekick/generate-blocks).

Le catalogue final utiliserait les produits, variantes, prix et disponibilités Shopify. Les boutons marchands passeraient par le panier et le checkout Shopify habituels. Les effets artistiques resteraient dans la vitrine; ils ne remplaceraient pas le paiement.

## Contenu et validation

Les objets et photographies sont ceux de **404billy.shop**, sans recoloration. Les prix et stocks sont un instantané du **11 octobre 2026 à 01 h 25, heure de Paris** (10 octobre à 23 h 25 UTC); ils ne se mettent pas à jour dans ces prototypes.

Chaque piste prévoit une composition mobile, une navigation au clavier, une commande de pause et le respect de la réduction des mouvements. Avant une mise en production Shopify : valider le rendu à 390 et 1 440 px, les variantes, la navigation, le panier, les contrastes et le coût des animations sur un téléphone réel. Une animation doit pouvoir devenir une œuvre fixe sans empêcher la lecture ou l’achat.
