Choix Skillry
Site de marque Gradient Juicev1.0.2
Utilisez ce Skill pour créer un site de marque.
En hausse
5.032 téléchargements0 « j'aime »1 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Créez un site de marque et de boutique joyeux pour une marque de boissons ou d'alimentation : une photo de campagne en dégradé pleine largeur montrant quelqu'un boire à votre bouteille, des rubans de texte crème qui glissent le long de courbes, des bords de section ondulés et des vignettes photo lumineuses. La boutique, le composeur de caisse, le panier et l'aperçu du paiement fonctionnent tous, le tout livré dans un seul fichier autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne.
Le plus souvent choisi par
Mis à jour le 3 oct. 2026
Galerie d'aperçus
Skills similaires
Voir tous les Skills
Ce que vous obtenez
- Un seul fichier de site autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, avec polices et images intégrées ; un portage dans votre propre projet avec un framework si vous en avez un.
- Des parcours e-commerce fonctionnels : pages produit avec formats, composeur de caisse sur abonnement, panier latéral, aperçu du paiement avec vérification de la zone de livraison et carte des points de vente.
- Le Hero signature, les rubans, les vagues et le collage photo dans un exemple de 28 pages avec 17 images, plus les pages histoire, producteurs, journal, livraison, FAQ et politiques.
Idéal pour
- Les marques de jus, café, thé et snacks qui vendent en ligne et veulent une vitrine lumineuse et joyeuse.
- Les artisans locaux qui livrent dans des zones définies ou proposent une box sur abonnement.
- Les cafés et boulangeries qui peuvent transformer la boutique en menu et la page « nous trouver » en un simple bloc de visite.
Pas pour
- Les vrais paiements ou l'exécution des commandes ; le paiement valide les informations mais ne débite jamais personne.
- Les marques qui ont besoin d'un rendu sombre, minimaliste ou corporate plutôt que de dégradés et de rubans.
- Vendre les produits fictifs Halcy ou utiliser leur visuel de bouteille comme le vôtre.
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer un site de marqueStyle verrouilléRésultat modifiableCollage de jusHero jusRuban de jusVague de jus
À propos de ce Skill
Gradient Juice Brand Site crée un site de marque et de boutique joyeux pour une marque de boissons, d'alimentation ou de lifestyle : une photo de campagne en dégradé pleine largeur montrant quelqu'un boire à votre bouteille, des rubans de texte crème qui glissent le long de tracés courbes, des bords ondulés entre les sections et des vignettes photo lumineuses. L'exemple est Halcy, une presse à jus pressés à froid fictive installée à Ventura, en Californie, avec 28 pages reliées dont une boutique fonctionnelle, un composeur de caisse et un aperçu du paiement.
Ce que vous obtenez
- Un seul fichier de site autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, polices et images intégrées. Si vous avez déjà un projet sur un framework, le design y est porté à la place.
- Une boutique complète : six pages produit avec formats et prix en direct, des collections, un composeur de caisse hebdomadaire, un panier latéral, un aperçu du paiement avec vérification de la zone de livraison et une page de confirmation honnête.
- Des pages de marque : notre histoire, les producteurs avec un sélecteur de mois, un journal avec quatre articles, une carte des points de vente, livraison et retours, une FAQ avec recherche, contact, newsletter, politiques et une page introuvable soignée.
- Une seule direction artistique pour toutes les images : des natures mortes produit assorties avec la même bouteille et la même lumière, plus des scènes lifestyle lumineuses.
- Des rubans dont le texte glisse lentement, une entrée rapide du Hero et des apparitions calmes, le tout mis en pause quand les animations réduites sont activées.
Comment l'utiliser
- Indiquez votre marque, vos produits avec prix et formats, où et quand vous livrez, votre histoire et vos coordonnées. Les textes manquants sont rédigés comme des contenus provisoires plausibles et listés pour que vous les validiez.
- Laissez l'agent générer une nouvelle photo Hero avec votre nom sur la bouteille et une nature morte par produit dans la même lumière, ou envoyez vos propres photos. Deux scènes de boisson neutres du package peuvent être conservées.
- Ouvrez chaque page sur ordinateur et sur mobile, ajoutez des produits au panier, composez une caisse, testez l'aperçu du paiement et demandez des modifications.
La typographie utilise Bricolage Grotesque, Figtree et DM Serif Display, intégrées au fichier. Les nouvelles images proviennent de l'outil d'image de votre agent et peuvent entraîner des frais d'utilisation ; le paiement n'encaisse jamais rien.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom de la marque, produits avec prix et formats, et une courte histoire · Informations sur le marché : devise, zones de livraison ou expédition, et coordonnées · Vos propres photos de produits et d'équipe, ou votre accord pour générer de nouvelles images
- Dépendances
- Node.js 18 ou version ultérieure sur la machine de votre agent, pour exécuter le script fourni qui génère le fichier unique hors ligne · Un accès à Internet pendant la génération du fichier, pour télécharger une fois les polices et les intégrer · Un outil d'image dans votre agent, ou vos propres photos, pour le Hero et les images produit
- Coûts externes
- La photo Hero et les natures mortes produit sont générées avec l'outil d'image de votre agent, qui peut facturer l'utilisation. Sans outil d'image, fournissez vos propres photos ; deux scènes de boisson neutres peuvent être conservées. Consulter l'exemple ne coûte rien, et le paiement ne débite jamais.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…