FARFETCH España
Egy divatgaléria a „fehér kocka” stílusban. Képzeljen el egy luxus üzlethelyiséget, ahol a falak, a padló és a berendezési tárgyak fehérre vannak fakítva, és csak a ruhák és a viselőik hozzák létre az összes árnyalatot, textúrát és vizuális kifejezést.
A Farfetch egyfajta „fehér kocka” divatgalériaként működik: a felület szinte teljesen színtelen, így a szerkesztői fotózás szabhatja meg az összes vizuális döntést. A tipográfia biztosítja az összes strukturális munkát – a 400-as és 700-as vastagságban egyedi tervezésű geometrikus sans-serif betűtípust (Farfetch Basis) használnak, míg a szekciócímek és a logó egy olyan talpas betűtípussal jelennek meg, amely a szöveget kompozícióként kezeli. Az elrendezés architekturális: középre igazított, teljes szélességű tartalom, merev 3 és 4 oszlopos termékrácsok, bőséges hely a szekciók elhelyezésére (48–72 képpont), és a díszítőelemek teljes hiánya. Az összetevőkről megfosztották a díszítést – finom aláhúzások a kereséshez, rejtett navigációs linkek, nagybetűs kategórianevek a képek alatt, lapos termékcsempék árnyékok vagy szegélyek nélkül. A rendszerben az egyetlen szín maguk a fényképek; a felület egy keret, nem maga a kép.
Az oldal középre igazított, teljes szélességű kompozícióval rendelkezik, maximális tartalomszélessége ~1280 képpont. A fejléc egy vékony, háromzónás panel (kategória navigáció bal oldalon, középre igazított szöveges jel és segédikonok jobb oldalon), amely alatt jobb oldalon egy keresőmező található. Az első rész egy három oszlopos rács, amely teljes szélességű kategóriacsempékből (MUJER, HOMBRE, INFANTIL) áll, mindegyikhez egy átfedő címke tartozik. Minden kategóriaszekció alatt egy négy oszlopos rács található, amely termékkategória-kártyákat (NOVEDADES, ROPA, BOLSOS, ZAPATOS) tartalmaz, a címek csupa nagybetűvel vannak írva. A szekciócímek középre vannak igazítva, és egy ~48 képpontos függőleges behúzással ellátott betűtípussal vannak írva felül és alul. Nincsenek váltakozó háttércsíkok – az egész oldal egyetlen tömör fehér mező. A lábléc egyetlen sötét csíkként #2222222-re van fordítva. A navigáció egy minimalista felső sáv, fix elemek, mega menü és oldalsáv nélkül.
A vizuális rendszert a szerkesztői divatfotók uralják – nagyméretű, nagy felbontású képek, amelyek kitöltik az egész oldalt, modelleket ábrázolva építészeti belső terekben és termékek közeli képein. Maga a fényképezés visszafogott, telítetlen palettán készült: betonfalak, természetes kő, semleges belső terek, lágy, irányított nappali fény. A modelleket közép- és teljes alakos fotók készítik, szerkesztői pózokban, nem pedig az e-kereskedelmi katalógusok szigorú pózaival. A termékképek (táskák, cipők) semleges szürke vagy kőmintás háttér előtt különülnek el, bármilyen életstílus-kontextus nélkül – a téma A főszereplő. A kezelőfelület nem ad hozzá vizuális elemeket: nincsenek ikonok, promóciós matricák, díszes keretek. Az összes vizuális gazdagság a fotóosztálytól származik, nem a tervezőrendszertől.
Paletta
Semleges
- Carbon
#222222— Törzsszöveg, oldalszöveg, navigációs linkek, ikonok, logó, lábléc és egy majdnem fekete színtónus a teljes monokróm rendszerhez. - Paper
#ffffff— Az oldalvászon, a kártya háttérképei, a termékcsempék felületei, a beviteli mezők és a domináns háttér, amely a fényképet teszi az egyetlen színes akcentussá. - Ash Gray
#b6b6b6— Finom ikonvonások, extra szegélyek, keresési aláhúzás a háttérben, szellemszöveg-helykitöltő a beviteli mezőkben – a legcsendesebb lehetőség, nem szövegsemleges. - Stone
#f5f5f5— Átmeneti effektus navigációs sávokhoz, másodlagos felületi tónus alpanelekhez és hirdetési hátterekhez, a leglágyabb átmeneti effektus a listán. - Graphite
#727272— Néma segédszöveg, inaktív űrlapszegélyek és letiltott ikonok körvonalai – középszürke szín, amely a hangsúly csökkentését jelzi az olvashatóság feláldozása nélkül. - Smoke
#e6e6e6— Finom elválasztók a terméksorok között, egy alig észrevehető szerkezeti vonal az egyébként zökkenőmentes elrendezésben.
Tipográfia
13-ról 30 képpontra · 3 lépés
- Farfetch Basis — csere: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · körvonalak 400, 700 · Egyedi tervezésű geometrikus sans-serif betűtípust használunk a felhasználónak megjelenített összes elemhez: a navigációs linkek 13–15 képpont/400 méretben, a szövegtörzs és a termékleírások 15 képpont/400 méretben, a szakaszcímek 22–30 képpont/400 méretben, a FARFETCH logó pedig 700 méretben. A csak 400-as címsorok szándékosan eltávolodnak a félkövér betűtípustól: a szakaszcímek normál, magabiztos, de nem túlzottan félkövér súllyal rendelkeznek, míg a 700-as a logónak és a legkifejezőbb kategórianeveknek van fenntartva. Ez a speciális geometria egyenletes vonalkontrasztot és finom, emberi melegséget biztosít, amit a standard Helvetica betűtípus nem tudna elérni.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 24px |
| Gomb sugara | 0px |
| Kártya sugara | 0px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 48-72px |
| Oldal szélessége | 1280px |
A mesterséges intelligencia FARFETCH España stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- MAKR — Múzeumi vitrin kézzel készített bőráruk számára. Egy csendes, teljesen fehér szoba, ahol meleg fekete tintával írt címkék lebegnek a kézben tartott bőrárukról vagy tájképek előtt készült nagyméretű fényképek alatt, az egyetlen szín kontraszt egy tompa zsályacsík.
- Franco Maria Ricci Editore — Art Deco Galéria Katalógus - Csiszolt arany vonalak ropogós fehér pergamenen
- Laura Monin — Szerkesztői galériafal, fehér márvány, tusbélyegző
- OhDada — Szerkesztői galériafal
- Cursor — Egy hangulatos pergamenműhely, parázsló parázzsal megvilágítva
- Structured — Reneszánsz galéria gyurmaszerű papíron
- MindMarket — Egy hangulatos mesekönyv krémszínű papíron - egy barátságos szerkesztői vászon, ahol a nagy Inter-címek és a kivágott papírfigurák együtt jelennek meg egy napsütötte, matricaszerű felületen.
- Airbnb — Egy csendes fehér galériafal egyetlen korallvörös könyvjelzővel
- Apple (España) — A múzeumi galéria lágy nappali fényben egyetlen, magával ragadó, súlytalan fehér tér, ahol minden kiállítási tárgyat egy reflektor világít meg egy enyhén színezett fal előtt.
- Lamborghini — Fekete karosszériaszín a bemutatóteremben, a reflektorok alatt - egy sárga autó
- Amplemarket — Egy napfényben fürdő, konfettivel borított munkahely
- Getharvest — Egy íróasztal az aranyórában – meleg krémszínű vászon, fehér képeslapok lógnak a vásznon, és egyetlen élénk narancssárga láng