Maquette de page produit pour clavier mécanique
Ceci génère une page produit e-commerce de bureau soignée pour un clavier mécanique haut de gamme, adaptée aux présentations de design produit, aux concepts de boutique en ligne et aux maquettes d'interface utilisateur.
Consigne
Créez une page de détail produit e-commerce moderne et épurée pour une marque de claviers mécaniques haut de gamme appelée KeyForge, présentée sous forme de maquette de site web de bureau haute fidélité sur un fond blanc avec des séparateurs gris clair subtils et un espacement généreux. La mise en page est une scène de boutique unifiée avec une barre de navigation supérieure, une rangée de vignettes produit à gauche, une grande image principale du produit au centre et un panneau d'informations d'achat sur la droite. Dans l'en-tête, placez le logo en gras tout à gauche, puis 7 éléments de navigation intitulés « Keyboards », « Switches », « Keycaps », « Accessories », « Sale », « Blog » et « Support », et tout à droite 3 icônes pour la recherche, le compte et le panier, avec un petit badge de notification noir affichant « 1 » sur le panier. Le produit principal présenté au centre est un clavier mécanique compact 75 % photographié sous un angle frontal légèrement surélevé sur un support gris pâle, avec un boîtier en aluminium argenté, des touches blanches et grises, plusieurs touches d'accentuation violet lavande et un bouton de volume argenté en haut à droite. La galerie verticale de gauche contient exactement 5 vignettes : 1 vue frontale sélectionnée du produit, 1 vue inclinée du clavier, 1 gros plan sur un switch mécanique, 1 gros plan sur la texture d'une touche et 1 vignette vidéo sombre avec une icône de lecture circulaire. Le panneau produit de droite comprend un petit badge « NEW », un grand nom de produit en gras KeyForge K75 Pro, un sous-titre « 75% Mechanical Keyboard », une ligne d'évaluation 5 étoiles avec 4.8 et « (126 reviews) », un prix en gras important $129.99 suivi d'un statut vert « In Stock », et une courte description de deux phrases sur les performances haut de gamme, la conception montée sur joint, la prise en charge QMK/VIA et le rétroéclairage RGB. En dessous, incluez un sélecteur « Switch Type » avec exactement 4 boutons pilules intitulés « Cherry MX Red », « Gateron Brown », « Gateron Blue » et « TTC Gold Pink », avec le premier sélectionné ; un sélecteur « Color » avec exactement 3 boutons pilules intitulés « White / Purple », « Black / Gray » et « Navy / Blue », avec le premier sélectionné ; un menu déroulant « Quantity » réglé sur « 1 » ; un grand bouton principal noir intitulé « Add to Cart » avec une icône de panier ; et un bouton secondaire détouré intitulé « Add to Wishlist » avec une icône de cœur. Sous les boutons, affichez exactement 3 points forts de service horizontaux avec de petites icônes : « Free Shipping » avec le sous-texte « On orders over $99 », « 30-Day Returns » avec le sous-texte « Hassle-free returns » et « 2-Year Warranty » avec le sous-texte « Peace of mind ». Dans la zone de contenu inférieure, créez une section à deux colonnes séparée par des lignes légères. À gauche se trouve une liste d'onglets verticaux avec exactement 5 éléments : « Overview » sélectionné, puis « Specifications », « What’s in the Box », « Shipping & Returns » et « Reviews (126) ». À droite des onglets, placez une grille de cartes de fonctionnalités blanches arrondies avec exactement 6 blocs de fonctionnalités sur 2 rangées de 3, chacun avec une icône linéaire simple, un titre en gras et un court texte explicatif : « 75% Layout », « Gasket-Mounted », « QMK/VIA Support », « Hot-Swappable », « RGB Backlighting » et « Premium Build ». Tout à droite de cette zone inférieure, ajoutez une liste à puces des spécifications avec exactement 8 puces : « Layout: 75% (82 Keys) », « Switch Type: Cherry MX Red », « Mounting: Gasket-Mounted », « Connectivity: USB-C (Wired) », « Backlight: RGB, South-facing », « Material: Aluminum Case », « Dimensions: 322 x 135 x 42 mm » et « Weight: 1.25 kg ». Utilisez une esthétique de design produit minimaliste et raffinée, un espacement d'interface réaliste, une typographie sans empattement propre similaire à Inter ou SF Pro, des ombres douces, des coins subtilement arrondis, des icônes monochromes et une présentation d'électronique grand public de style startup.
Comment utiliser ce prompt
- 1
Copiez le prompt complet ci-dessus.
- 2
Ouvrez une plateforme compatible avec GPT Image 2, comme YouMind, et collez le prompt.
- 3
Modifiez le sujet, le style ou les détails selon votre idée, puis générez.
Voici un prompt IA gratuit de la bibliothèque de prompts de YouMind. Découvrez des milliers d'autres prompts images, tous libres de copie et d'adaptation.
Découvrir plus de prompts imagesPlus de GPT Image 2
Affiche de voyage minimaliste sur le thème de la ville
@Taaruk
Publicité flottante pour le lait Almarai
@تركي
Fond d'écran de lecteur de musique anime menthe
@あまり🖋️AI &フリー素材配布
Photographie publicitaire de bouteille d'eau de luxe
@Zyro
Affiche de montre connectée en édition limitée Cyberpunk
@あまり🖋️AI &フリー素材配布
Collage de portraits minimaliste à cinq cadres
@Cherry 2.O
Toutes les catégories Images
01
Cas d’utilisation
02
Styles
Plus de fonctions de prompts
Bibliothèque IA
Recherche de prompts par IA
Laissez l'IA chercher parmi des dizaines de milliers de prompts. Filtrez par modèle, plage de dates et mots-clés, puis triez par engagement : vues, favoris, partages et plus.
Outils visuels
Image vers prompt
Transformez toute photo en prompt d'image IA détaillé. Le convertisseur image vers prompt gratuit analyse la composition, le style et la lumière pour recréer n'importe quel rendu en quelques secondes.
Autres fonctions de prompts
Conçu pour les créateurs. Gratuit pour toujours.
YouMind est le copilote créatif IA adopté par des créateurs du monde entier. Chaque prompt est sélectionné pour vous aider à créer mieux, plus vite.