Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Sélection PalateKit

Design de boutique en ligne centré sur la photo v1.0.0

Utilisez cette ressource pour concevoir une boutique ou une page produit où la photographie fait vendre

Nouveau

  • 457 téléchargements
  • 111 mentions J'aime
  • 34 sauvegardes

4,49 €

Accès à vie à cette ressource, avec ses mises à jour.

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install meta-store-retail-design

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

Le fichier décrit une boutique de matériel grand public : couleurs nommées avec leur rôle, échelle typographique, boutons, cartes, champs, navigation et traitement des images. Votre agent s'en sert pour générer des pages produit, des grilles de produits et des sections de présentation cohérentes. Vous obtenez une direction visuelle précise, avec des exemples de prompts de composants.

Mise à jour le 2 novembre 2026

Palette de la boutique : bleu vif, blanc, gris ardoise et fonds sombres alternés.

Caractéristiques

Guides d'installation
Génère avec
Le modèle de votre agent
Licence
MIT

Ressources similaires

Tout voir

Ce que vous obtenez

  • DESIGN.md traduit en français : thème, palette, typographie, composants, mise en page, ombres, règles à faire et à éviter
  • Tableaux de jetons : espacements, rayons, ombres, points de rupture
  • Neuf sections prêtes à servir de référence à un agent
  • Exemples de prompts de composants et guide d'itération

Pour qui

  • Une boutique en ligne qui vend des produits physiques avec de belles photos
  • Une page de lancement de produit avec sections claires et sombres en alternance
  • Une refonte de fiches produit pour mieux convertir

Pas pour qui

  • Un site éditorial ou un blog textuel
  • Une marque sans photographie de produit de qualité
  • Un tableau de bord de données

Étiquettes

  • boutique
  • e-commerce
  • photographie
  • pilule
  • page produit

À propos

Vous dites

« Crée une page produit dans le style de DESIGN.md : héros pleine largeur, bouton pilule bleu, grille de trois produits et section sombre de présentation. »

Palette de la boutique : bleu vif, blanc, gris ardoise et fonds sombres alternés.

Fichier DESIGN.md publié par iFurySt sous licence MIT, traduit en français par PalateKit. Ce design est inspiré de la boutique Meta ; marque et logos restent la propriété de leurs titulaires.

Voir plus

Prérequis

À préparer
Vos photos de produits et Vos couleurs et votre police de marque

Comment l'utiliser

  1. Copiez DESIGN.md à la racine de votre projet
  2. Demandez à votre agent de suivre ce fichier pour toutes les pages de la boutique
  3. Remplacez les couleurs et la police par celles de votre marque si besoin

Aperçu du contenu

Fichiers

  • DESIGN.md23,2 Ko
  • LICENSE1 Ko
  • NOTICE-PALATEKIT.md0,4 Ko
  • preview-dark.html35 Ko
  • preview.html35,1 Ko
  • README.md0,1 Ko

Origine et licence

Modifié par PalateKit

Auteur
iFurySt
Source
github.com/iFurySt/DESIGN.md/tree/048326327aca5d33cf0f7714cec7a2303330381a/design-md/meta
Licence
MIT

Notice

Version modifiée de « meta » (iFurySt, MIT) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Puis-je l'utiliser pour ma propre marque ?

Oui, comme point de départ : gardez la structure (alternance clair/sombre, boutons en pilule, grands espaces) et remplacez les couleurs, la police et les visuels par les vôtres.

La police Optimistic est-elle fournie ?

Non, c'est une police propriétaire. Utilisez Montserrat ou une grotesque proche, comme l'indique la liste de polices de repli du fichier.