Zellerfeld
Eine Bildhauerwerkstatt aus weißem Marmor – die monolithischen Oberflächen des Sockels, ein einzelner Funke Kobalt, ein Hauch von Kleinbuchstaben vom Boden bis zur Decke
Zellerfeld wirkt wie eine Galerie digitaler Bildhauer auf weißem Marmor – ein Marktplatz für 3D-gedruckte Schuhe, wo monochrome Oberflächen, viel Weißraum und große, kleingeschriebene Schriftarten jedes Produkt wie ein Museumsexponat wirken lassen. Die Benutzeroberfläche ist extrem zurückhaltend: eine farblose Leinwand mit einem einzigen leuchtenden Kobaltblau (#000aff), das für wichtige Momente reserviert ist – Icons, die aktive „Shop“-Navigation und den aktuellen Status der Produktseite. Die Karten heben sich von einem warmen Perlgrau ab, nicht von reinem Weiß, wodurch das Raster eine haptische, fast gipsartige Struktur erhält. Die Schriftart bleibt eine einzige, eigens entwickelte serifenlose Schrift (Roobert) mit engem Buchstabenabstand, und Space Mono wird ausschließlich für Preise, Produktlisten und technische Metadaten verwendet. Dadurch wirkt die Produktseite eher wie die Website einer Designzeitschrift als wie ein Online-Shop – Objekte werden fotografiert, nicht verkauft.
Die Seite erstreckt sich über die gesamte Breite und verfügt über einen 1440 Pixel breiten Inhaltsstreifen. Hauptelement ist ein bildschirmfüllendes Fotobanner mit einem schwebenden UI-Overlay. Die Produktabschnitte sind in einem 4-spaltigen Raster angeordnet, das auf Tablets auf 2 und auf Mobilgeräten auf 1 Spalte reduziert wird. Die Gliederung der Abschnitte ist: ausführliche Produktbeschreibung → redaktionelle Bewertung → Neuerscheinungen → Pressekontaktinformationen. Jeder Produktabschnitt zentriert seinen Inhalt im Inhaltsstreifen und verwendet einen vertikalen Abstand von 80 Pixeln zwischen den Abschnitten. Die Navigation besteht aus einer festen, einzeiligen Navigationsleiste am oberen Rand mit einem schmalen Werbestreifen darüber. Die Produktkarten sind streng rasterorientiert ausgerichtet – der Bildbereich ist stets auf die Schuhsilhouette zentriert, mit einem oberen und unteren Abstand von 40 Pixeln innerhalb der Karte. Der Metadatenbereich ist in der unteren linken Ecke mit einem 40x40 Pixel großen Markenlogo verankert.
Die Produktfotografie dominiert das visuelle Element: Jeder Schuh wird auf reinweißem oder Gipsgrund im Dreiviertelprofil fotografiert und füllt die gesamte Karte aus – ohne Kontext, Model oder Umgebung. Das Hauptelement ist eine vollwertige Lifestyle-Fotografie: Ausschnitte von Füßen und Schuhen auf Sand oder Beton, stets im menschlichen Maßstab, nie in perfekter Studioqualität. Das Prinzip „Das Motiv ist das Hauptelement“ gilt: Die Schuhe nehmen 40 % der sichtbaren Bildfläche ein, selbst im redaktionellen Hauptelement. Dekorative Grafiken, abstrakte Muster oder Illustrationen werden nicht verwendet. Icons sind linear, schwarz umrandet, weder gefüllt noch farbig.
Palette
Marke
- Electric Cobalt
#000aff— Neue Symbole, aktive Navigationsleiste, Anzeige des aktuellen Slides, Aktivierungsmomente – der einzige chromatische Hinweis im System, der sparsam eingesetzt wird, um als Aktivierung und nicht als Dekoration wahrgenommen zu werden.
Neutral
- Pale Iris
#e5e7ff— Eine neue Farbfüllung für Abzeichen, ein sanfter Glanz und eine getönte Oberfläche für Beschriftungsoptionen – ein gedämpfter Kobaltton, der Farbe andeutet, ohne die monochrome Farbpalette zu stören. - Ink Black
#111111— Fließtext, Standardrahmen, Symbolumrisse, dünne Trennlinien – die dominierende Strukturfarbe für Überschriften, Listen und Links. - Pure White
#ffffff— Neutrale Formularzustände, Symboltexte und dezentes UI-Feedback sollten verwendet werden, wenn die Farbe unauffällig bleibt. Vermeiden Sie es, sie als Hauptfarbe für Handlungsaufforderungen zu verwenden. - Plaster
#ecedee— Sekundäre Oberfläche für Produktkarten, Hintergrund der Navigationsleiste, glatte, erhöhte Ebene über der Arbeitsfläche. - Slate
#a1a4aa— Der Farbton des Kartenrahmens, die neutrale Füllung der Schaltflächen und der dezente Rahmen der Schaltflächen sind Grautöne, die die Kanten der Karte hervorheben, ohne sie abzudunkeln. - Fog
#d7d7d7— Heller Kartenrahmen, Trennlinien, Tönung der inaktiven Fläche.
Typografie
von 13 auf 128 Pixel · 7 Schritte
- Roobert — Ersatz: Inter · Umrisse 400, 500, 600, 700 · Die primäre Markenschrift wird für alle Texte, vom Fließtext bis zu Überschriften, verwendet. Der Zeilenabstand ist in allen Größen einheitlich, wodurch die Kleinbuchstaben des Logos eine dichte, plastische Wirkung entfalten. Die Schriftstärke variiert je nach Kontext: 400 für Fließtext und Benutzeroberfläche, 500 für hervorgehobene Überschriften, 600 für Produktnamen und 700 für große Titel.
- Space Mono — Ersatz: JetBrains Mono · Umrisse 400, 600 · Technische Metadaten – Preise (€189,00), numerische Werte für die Top-10-Positionen, Börsenkürzel und Filialnamen – werden dort hinzugefügt, wo die Seite als technische Spezifikation und nicht als Werbetext wahrgenommen werden soll.
- Arial — Ersatz: Inter · Umrisse 400 · Arial - In den extrahierten Daten enthalten, aber von der KI nicht beschrieben.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | Durchschnitt |
| Grundlegender Schritt | 16px |
| Radius der Schaltfläche | 10px |
| Kartenradius | 10px |
| Schatten | minimal |
| Zwischen den Abschnitten | 80px |
| Seitenbreite | 1440px |
KI erstellt Ihre Website im Zellerfeld -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Airbnb — Eine schlichte weiße Bilderwand mit einem einzelnen korallenroten Lesezeichen
- Apple (España) — weiße Galerievitrine
- Silencio — Ein weißer Raum mit schwebenden Artefakten. Eine Galerieausstellung aus warmem Papier, bei der jedes Element seinen Platz vor einem Hintergrund aus negativem Volumen einnimmt, und die Stille ist eine bewusste Gestaltungsentscheidung.
- Oakâme — Eine sonnendurchflutete provenzalische Werkstatt, aus warmem Stein gehauen
- Nike — Eine monochrome Galerie sportlicher Errungenschaften – weiße Wände, das Produkt als Kunstwerk, Chrom im Hintergrund aufgelöst
- Arc — Industrielle weiße Galerie über Mitternachtswasser
- Rivian — Ein elektrischer Monolith an der Betonwand der Galerie. Rivian präsentiert jedes Fahrzeug als Skulptur vor einem weitläufigen weißen Raum, wobei die Typografie so groß ist, dass sie zu einem architektonischen Element wird, und ein einzelnes warmes Gelb die monochrome Atmosphäre durchbricht, wie Sonnenlicht auf einer matten Oberfläche.
- Analogue — Schwarze Galerievitrine – Waren schweben im Nichts
- ddna — Warme Museumsvitrine auf unbehandeltem Leinen
- UY Studio — Die steinerne Galerie des Klosters ist ein ruhiger Raum mit Betonwänden, in dem Parfümflakons auf weißen Sockeln stehen, beleuchtet von einer 400-Watt-Lampe und vier warmgrauen Glühbirnen.
- Basic.Space — Kuratorengalerie auf weißem Marmor
- COS — eine trendige Galerie mit weißen Wänden