Zellerfeld
Een beeldhouwersatelier op wit marmer – de monolithische oppervlakken van het voetstuk, een enkele vonk kobaltblauw, een gefluister van kleine letters van vloer tot plafond.
Zellerfeld voelt aan als een galerij van digitale beeldhouwers op wit marmer – een marktplaats voor 3D-geprinte schoenen, waar monochrome oppervlakken, veel witruimte en grote, kleine lettertypen ervoor zorgen dat elk product als een museumstuk fungeert. De interface is uiterst ingetogen: een achromatisch canvas met één elektrische kobaltblauwe kleur (#000aff) die is gereserveerd voor dringende momenten – pictogrammen, actieve 'Shop'-navigatie en de huidige slide-status. Kaarten zweven tegen een warme parelgrijze achtergrond in plaats van puur wit, waardoor het raster een tastbare, gipsen uitstraling krijgt. Het lettertype blijft een enkel, op maat gemaakt schreefloos lettertype (Roobert) met een kleine letterafstand, en Space Mono wordt alleen gebruikt voor prijzen, productlijsten en technische metadata. Hierdoor voelt de productpagina meer aan als een website van een designpers dan als een winkelpagina – objecten worden gefotografeerd, niet verkocht.
De pagina beslaat de volledige breedte en heeft een contentstrook van 1440px. Het hoofdelement is een fotobanner over het volledige scherm met een zwevende UI-overlay. Productsecties gebruiken een raster van 4 kolommen, dat op tablets wordt samengevouwen tot 2 kolommen en op mobiele apparaten tot 1 kolom. De volgorde van de secties is: grote productbeschrijving → raster met redactionele beoordelingen → raster met nieuwe releases → paneel met perscontactgegevens. Elke productsectie centreert de inhoud binnen de strook en gebruikt 80px verticale ruimte tussen de secties. De navigatie bestaat uit een vaste bovenste balk in één rij met daarboven een smalle advertentiestrook. Productkaarten zijn uitgelijnd volgens een strikt raster: het afbeeldingsgebied is altijd gecentreerd op het silhouet van de schoen met 40px opvulling aan de boven- en onderkant van de kaart, en de metadata is verankerd in de linkerbenedenhoek met een merklogo van 40x40.
Productfotografie is het dominante visuele element: elke schoen wordt gefotografeerd op een puur witte of gipsen ondergrond vanuit een driekwart perspectief, waarbij de hele kaart wordt gevuld zonder context, model of omgeving. Het belangrijkste element is een volwaardige lifestylefoto: uitsneden van voeten en schoenen op zand of beton, altijd op menselijke schaal, nooit perfect studio-waardig. Het principe "het onderwerp is het belangrijkste element" is van toepassing: de schoenen beslaan 40% van het zichtbare oppervlak van het kader, zelfs in het belangrijkste redactionele element. Er worden geen decoratieve grafische elementen, abstracte patronen of illustraties gebruikt. Pictogrammen zijn lineair, omlijnd met zwart, nooit ingevuld of gekleurd.
Palet
Merk
- Electric Cobalt
#000aff— Nieuwe pictogrammen, actieve navigatiebalk, indicator voor de huidige dia, activeringsmomenten – de enige kleuraccenten in het systeem, spaarzaam gebruikt zodat ze als activeringselement in plaats van decoratie worden ervaren.
Neutrale
- Pale Iris
#e5e7ff— Een nieuwe kleurvulling voor badges, een zachte highlight en een getint oppervlak voor labelopties: een gedempte kobaltblauwe tint die een vleugje kleur toevoegt zonder het monochrome kleurenpalet te verstoren. - Ink Black
#111111— De hoofdtekst, standaardranden, pictogramcontouren en dunne scheidingslijnen - de dominante structuurkleur voor koppen, lijsten en links. - Pure White
#ffffff— Neutrale formulierstatussen, pictogramtekst en subtiele UI-feedback moeten worden gebruikt waar kleur onopvallend blijft. Vermijd het gebruik van kleur als primaire kleur voor call-to-actions. - Plaster
#ecedee— Secundair oppervlak voor productkaarten, achtergrond voor navigatiebalk, glad verhoogd niveau boven het canvas. - Slate
#a1a4aa— De kleur van de kaartrand, de neutrale vulling van de knop en de subtiele rand van de knop zijn grijstinten die de randen van de kaart accentueren zonder ze donkerder te maken. - Fog
#d7d7d7— Licht frame van karton, scheidingslijnen, tinting van het inactieve oppervlak.
Typografie
van 13 tot 128px · 7 stappen
- Roobert — vervanging: Inter · overzichten 400, 500, 600, 700 · Het primaire merklettertype wordt gebruikt voor alles, van de hoofdtekst tot de koppen. De regelafstand is consistent voor alle lettergroottes, waardoor de kleine letters van het logo een dichte, sculpturale uitstraling hebben. De letterdikte neemt toe afhankelijk van de context: 400 voor hoofdtekst en gebruikersinterface, 500 voor opvallende koppen, 600 voor productnamen en 700 voor grote titels.
- Space Mono — vervanging: JetBrains Mono · overzichten 400, 600 · Technische metadata – prijzen (€189,00), numerieke waarden voor top-10 posities, tickersymbolen en winkelnamen – worden toegevoegd op plaatsen waar de pagina als een technische specificatie en niet als een reclametekst moet worden beschouwd.
- Arial — vervanging: Inter · overzichten 400 · Arial - Gevonden in de geëxtraheerde gegevens, maar niet beschreven door de AI.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gemiddeld |
| Basisstap | 16px |
| Knopradius | 10px |
| Kaartradius | 10px |
| Schaduwen | minimaal |
| Tussen secties | 80px |
| Paginabreedte | 1440px |
AI bouwt je website in de stijl Zellerfeld en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Airbnb — Een rustige witte galeriewand met een enkele koraalrode boekenlegger.
- Apple (España) — witte vitrinekast
- Silencio — Een witte ruimte met zwevende objecten. Een galerie-achtige opstelling van warm papier, waarbij elk element zijn eigen plek inneemt tegen een achtergrond van negatief volume, en de stilte een bewuste ontwerpkeuze is.
- Oakâme — Een zonovergoten Provençaalse werkplaats, gehouwen uit warme steen.
- Nike — Een monochrome galerij van sportprestaties – witte muren, het product als kunstwerk, chroom dat opgaat in de achtergrond.
- Arc — industriële witte galerij boven middernachtelijk water
- Rivian — Een elektrische monoliet op de betonnen muur van de galerie. Rivian presenteert elk voertuig als een sculptuur tegen een immense witte achtergrond, met typografie zo groot dat het een architectonisch element wordt, en een enkele warme gele kleur die de monochrome sfeer doorbreekt, als zonlicht op een mat oppervlak.
- Analogue — Zwarte vitrinekast – goederen zweven in de leegte.
- ddna — warme museumvitrine op onbehandeld linnen
- UY Studio — De stenen galerij van het klooster is een rustige ruimte met betonnen muren, waar parfumflesjes op witte sokkels staan, verlicht door één lamp van 400 watt en vier warmgrijze lampen.
- Basic.Space — curatoriële galerij op wit marmer
- COS — een trendy galerie met witte muren