Zellerfeld
Un atelier de sculpteur sur marbre blanc — les surfaces monolithiques du piédestal, une unique étincelle de cobalt, un murmure de lettres minuscules du sol au plafond
Zellerfeld évoque une galerie de sculpteurs numériques sur marbre blanc – un espace dédié aux chaussures imprimées en 3D, où surfaces monochromes, espaces blancs abondants et polices de caractères minuscules de grande taille confèrent à chaque produit l'allure d'une pièce de musée. L'interface est d'une extrême sobriété: une toile achromatique où une unique couleur cobalt électrique (#000aff) est réservée aux éléments essentiels – icônes, navigation active « Boutique» et statut de la diapositive en cours. Les fiches se détachent sur un fond gris perle chaud, plutôt que blanc pur, donnant à la grille un aspect tactile, comme un moulage en plâtre. La police de caractères reste une unique sans-serif personnalisée (Roobert) avec un espacement réduit, et Space Mono est utilisée uniquement pour les prix, les listes de produits et les métadonnées techniques. De ce fait, la page produit ressemble davantage à un site de presse spécialisé en design qu'à une page de vente en ligne: les objets sont photographiés, non vendus.
La page occupe toute sa largeur et comporte une bande de contenu de 1440 px. L'élément principal est une bannière photo plein écran avec une interface utilisateur flottante. Les sections produits utilisent une grille à 4 colonnes, réduite à 2 sur tablettes et à 1 sur mobiles. L'ordre des sections est le suivant: description détaillée du produit → grille d'évaluation éditoriale → grille des nouveautés → panneau d'informations de contact presse. Chaque section produit centre son contenu dans la bande et utilise un espace vertical de 80 px entre les sections. La navigation est assurée par une barre supérieure fixe sur une seule ligne, surmontée d'une fine bande publicitaire. Les fiches produits sont alignées sur une grille stricte: la zone image est toujours centrée sur la silhouette de la chaussure, avec une marge intérieure de 40 px en haut et en bas, et le bloc de métadonnées est ancré dans le coin inférieur gauche avec un logo de marque de 40 x 40 px.
La photographie de produit est l'élément visuel dominant: chaque chaussure est photographiée sur une surface blanche ou en plâtre, sous un angle trois-quarts, occupant toute la carte sans aucun contexte, mannequin ou décor. L'élément principal est une véritable photographie de style de vie: des gros plans de pieds et de chaussures sur du sable ou du béton, toujours à échelle humaine, jamais d'une qualité studio irréprochable. Le principe « le sujet est l'élément principal» s'applique: les chaussures occupent 40 % de la surface visible du cadre, même dans l'élément éditorial principal. Aucun élément graphique décoratif, motif abstrait ou illustration n'est utilisé. Les icônes sont linéaires, cernées de noir, jamais remplies ni colorées.
Palette
Marque
- Electric Cobalt
#000aff— Nouvelles icônes, barre de navigation active, indicateur de diapositive actuelle, moments d'activation — le seul repère chromatique du système, utilisé avec parcimonie afin d'être perçu comme une activation plutôt que comme une décoration.
Neutre
- Pale Iris
#e5e7ff— Un nouveau remplissage de couleur pour les badges, une légère surbrillance et une surface teintée pour les options d'étiquetage — une teinte cobalt discrète qui suggère la couleur sans perturber la palette monochrome. - Ink Black
#111111— Texte principal, bordures par défaut, contours des icônes, séparateurs fins: la couleur structurelle dominante pour les titres, les listes et les liens. - Pure White
#ffffff— Il convient d'utiliser des états de formulaire neutres, des icônes et des retours d'interface discrets lorsque la couleur reste subtile. Évitez de l'utiliser comme couleur principale pour les appels à l'action. - Plaster
#ecedee— Surface secondaire pour les fiches produits, fond de la barre de navigation, surface lisse en relief au-dessus du canevas. - Slate
#a1a4aa— La teinte du cadre de la carte, le remplissage neutre du bouton et la bordure discrète du bouton sont des gris qui mettent en valeur les bords de la carte sans les assombrir. - Fog
#d7d7d7— Cadre léger en carton, lignes de séparation, coloration de la surface inactive.
Typographie
de 13 à 128 px · 7 étapes
- Roobert — remplacement: Inter · grandes lignes 400, 500, 600, 700 · La police principale de la marque est utilisée pour tous les textes, des titres aux sous-titres. L'interligne est constant quelle que soit la taille, ce qui confère aux lettres minuscules du logo une masse dense et sculpturale. La graisse de la police varie selon le contexte: 400 pour les textes courants et l'interface utilisateur, 500 pour les titres importants, 600 pour les noms de produits et 700 pour les grands titres.
- Space Mono — remplacement: JetBrains Mono · grandes lignes 400, 600 · Les métadonnées techniques — prix (189,00 €), valeurs numériques pour les 10 premières positions, symboles boursiers et noms des magasins — sont ajoutées là où la page doit être perçue comme une spécification technique plutôt que comme un texte promotionnel.
- Arial — remplacement: Inter · grandes lignes 400 · Arial - Présent dans les données extraites mais non décrit par l'IA.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | moyenne |
| Étape de base | 16px |
| Rayon du bouton | 10px |
| Rayon de la carte | 10px |
| Ombres | minimal |
| Entre les sections | 80px |
| Largeur de la page | 1440px |
L'IA construira votre site web dans le style Zellerfeld et le remplira.
- Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
- Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
- Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
- Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.
Styles similaires
- Airbnb — Un mur de galerie blanc et paisible avec un seul marque-page rouge corail
- Apple (España) — Vitrine blanche pour galerie
- Silencio — Une pièce blanche où flottent des objets. Une installation de galerie en papier aux tons chauds, où chaque élément se détache sur un fond en creux, et le silence qui y règne est un choix stylistique délibéré.
- Oakâme — Un atelier provençal baigné de soleil, sculpté dans de la pierre chaude
- Nike — Une galerie monochrome d'exploits sportifs – murs blancs, le produit érigé en œuvre d'art, chrome fondu dans le décor
- Arc — Galerie blanche industrielle surplombant les eaux de minuit
- Rivian — Un monolithe électrique sur le mur de béton de la galerie. Rivian présente chaque véhicule comme une sculpture se détachant sur un vaste espace blanc, avec une typographie si imposante qu'elle devient un élément architectural, et une unique touche de jaune chaud qui rompt l'atmosphère monochrome, telle la lumière du soleil sur une surface mate.
- Analogue — Vitrine noire – les objets flottent dans le vide
- ddna — Vitrine de musée chaude sur lin non traité
- UY Studio — La galerie en pierre du monastère est un espace paisible aux murs de béton, où des flacons de parfum reposent sur des socles blancs, éclairés par une lampe de 400 watts et quatre ampoules gris chaud.
- Basic.Space — galerie de conservation sur marbre blanc
- COS — une galerie branchée aux murs blancs