Shop
Eng schwiewend Handelskonstellatioun op wäissem Marmer
Den Online-Shop funktionéiert no engem "wäisse Leinwand"-Modell, mat Produkter déi als grouss, staark gebéit Bildkaarten ugewise ginn, anstatt als Raster vun Thumbnails. Déi ganz Interface ass onheemlech glat: 20-28px Radien iwwerall, pillefërmeg Kontrollen an e kompakten 16px GT Standard Kierper mat enger enker negativer Tracking, déi den Text schaarf a fett mécht. Den eenzege fetten Akzent vum System ass e liewege Violett (#5433eb), deen am Logo, am kreesfërmege Sichresultatsfeld an als getéinte Schiet um selwechte Knäppchen erschéngt. De Rescht vun der Palette ass waarm neutral: wäiss Flächen, eng subtil kal gro Leinwand, subtil Bordüren an bal schwaarzen Text. D'Dicht bleift kompakt mat 12px Schinnen, awer d'Held- a Kategoriesträifen ootmen dank engem generéise vertikale Rhythmus vun 64-80px, wouduerch d'Handelserfahrung méi wéi e Browse wéi e Katalog ufillt.
Déi maximal Breet ass 1200px, zentréiert op enger duerchscheinender #f2f4f5 Leinwand, mat enger persistenter 64px breeder Säitebar op der lénkser Säit, déi nëmmen Navigatiounsikonen enthält. Den Haaptelement ass e Sträifen a voller Breet, mat Produktkaarten, déi iwwer engem zentréierte violette "Shop"-Logo positionéiert sinn, an enger pillefërmeger Sichleist direkt drënner. Kategoriepillen sinn an enger eenzeger zentréierter Rei ënner der Sichleist arrangéiert. Inhaltssektiounen (Fraen, Männer, Schéinheet, Heem, Baby & Kanner) folgen als designéiert Sträifen, déi all e 4-Kolonnen-Raster mat Produktbiller oder eng 2-Kolonnen "Haaptelement a Raster"-Kompositioun enthalen. De vertikale Rhythmus ass generéis: 64–80px tëscht den Haaptsektiounen. De Fousszeilen ass e donkelen Sträifen um Enn vun der Säit mat kolonnefërmege Linkgruppen. Karussellpfeiler op der rietser Säit vun den horizontalen Produktpanele weisen scrollbaren Inhalt ouni Paginatiounspunkten un.
D'Fotografie ass dat dominant visuellt Element: Produktfotoen am Vollbildmodus virun engem wäissen Hannergrond, ausgeschnidden 1:1, a Lifestyle-Biller mat waarmen äerdlechen Téin (beige, Terrakotta, Salbei, Elfebeen). Produktbiller hunn hir eege Faarf - d'Benotzerinterface bleift achromatesch, sou datt d'Produktnuancen eng visuell Varietéit ubidden. Markenlogoen erschéngen als Iwwerlagerungstext op donkelen oder hellen Haaptbiller, anstatt als eenzel Ikonen. An der Haaptkompositioun sinn d'Produktkaarte als eng schwiewend, liicht iwwerlappend Konstellatioun iwwer dem Wuertzeechen positionéiert. Ikonen si minimalistesch a monochrom (schwaarz Konturen), mat Ausnam vun de Kategorieikonen, déi eng eenzeg Markenfaarf benotzen. Et gëtt keng Illustratiounen, 3D-Effekter oder Gradienten an de Produktbiller.
Palette
Mark
- Shop Violet
#5433eb— De Send-Knäppchen, den gepunkten Textzeechen an de Markenlogo sinn déi eenzeg Akzenter, déi d'Aktioun an d'Individualitéit um wäissen Hannergrond ervirhiewen. - Violet Wash
#c0b5f3— En duerchscheinenden Halo hannert dem violette Send-Knäppchen, deen säi Glanz behält, ouni d'Faarf ze änneren.
Neutral
- Canvas Mist
#f2f4f5— Säitenhannergrond an zousätzlech Uewerflächenbehandlung hannert erhiewte Kaarten. - Pure White
#ffffff— Déi Haaptuewerfläch fir Kaarten, Inputfelder, schwiewend Schëlter a pillefërmeg Knäppercher. - Ink Black
#000000— Haapttext, Iwwerschrëften, Ikonen, Navigatiounssymboler a Produktkaarten am Däischteren Modus. - Faint Border
#ebebeb— Dënn Trennlinnen op Kaarten, Konturen vun den Inputfelder a pillefërmegen Knäppercher. - Muted Gray
#787574— Sekundärtext, Navigatiounslabelen, Ikonkonturen wann inaktiv - Cool Stone
#cccccc— Plazhalter, deaktivéiert Zoustänn an inaktiv Ikonhannergrënn
Typographie
vun 11 bis 16px · 4 Schrëtt
- GT Standard — Ersatz: Inter · Konturen 400 · Déi primär Schrëft a alle Gréissten - souwuel fir den Haapttext wéi och fir d'Iwwerschrëften. GTStandard-MRegular mat 16px/-0.031em ass déi primär Schrëft fir den Haapttext, Knäppercher an Etiketten. GTStandard-MSemibold mat 20px/-0.05em gëtt fir verschidde grouss Iwwerschrëften benotzt; GTStandard-MMedium mat 11–12px gëtt fir Mikrobeschreiwungen benotzt. All Schrëftvariant gëtt mat engem optesche Gewiicht vu 400 ugewisen - d'Schrëfthierarchie gëtt duerch subtil Ofstänn an en dichten negativen Ofstand tëscht de Buschtawen erreecht, anstatt duerch fettgedréckte Kontraster. Dëst ass e bekannte Stil: Shop jäizt net mat fettgedréckte Schrëften, mä formt den Text duerch den Ofstand tëscht de Buschtawen.
- Shopify Sans — Ersatz: Inter · Konturen 400, 700 · Reservéiert fir Messagen op Systemniveau, wéi z. B. Banneren fir d'Luede vun Apps an Text fir d'Zoustëmmung zu Cookien.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | duerchschnëttlech |
| Basis Schrëtt | 12px |
| Knäppchenradius | 9999px |
| Kaarteradius | 28px |
| Schied | mëll Schied |
| Tëscht de Sektiounen | 64px |
| Säitebreet | 1200px |
KI baut Är Websäit am Stil vun Shop op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Cursor — E gemittlecht Pergamentatelier, beliicht vu schmëlzende Kuelen
- Slush — opblosbar Universum vun Stickeren op Pastellpabeier
- MindMarket — E gemittlecht Mäerchebuch op crèmefaarwege Pabeier - eng frëndlech redaktionell Leinwand, wou grouss Inter-Schlagzeilen a ausgeschniddene Pabeierfiguren op enger sonneger, stickermëller Uewerfläch koexistéieren.
- Airbnb — Eng roueg wäiss Galeriemauer mat engem eenzege korallroude Lieszeechen
- Superr — En waarme Schoulbuch am mëllen Nomëttegsliicht. Eng crèmefaarweg Säit, en orange Marker ouni Deckel, an e Stapel laminéierten Nummsaufkleber, déi drop waarden, ofgezunn ze ginn.
- Apple (España) — D'Muséesgalerie ass bei mëllen Dagesliicht een eenzegen, fesselnd, gewichtslose wäisse Raum, wou all Ausstellungsstéck vun engem Spotlight géint eng liicht getéint Mauer beliicht ass.
- Lamborghini — Schwaarz Karosseriefaarf am Showroom, ënnert de Spotlights - een gielt Auto
- Amplemarket — E sonnege Schaffplatz mat Konfetti bedeckt
- Getharvest — En Schreifdësch zur gëllener Stonn – eng waarm Crèmefaarf Leinwand, wäiss Postkaarten op der Leinwand hänken, an eng eenzeg hell orange Flam
- Agence Foudre — D'Titelsäit vun der Zäitschrëft huet eng mëll rosa Faarf, déi u Lippenstift erënnert.
- Drive Capital — Retro Roadtrip-Poster op waarmem Pabeier
- Apple (España) — wäiss Galerievitrin