FARFETCH España
"Ак куб" стилендәге мода галереясе. Диварлар, идәннәр һәм җиһазлар агартылган ак төскә буялган, һәм киемнәр һәм аларны кигән кешеләр генә һәр төсне, текстураны һәм визуаль экспрессияне тудырган югары дәрәҗәдәге сәүдә мәйданын күз алдыгызга китерегез.
Farfetch "ак куб" мода галереясе буларак эшли: интерфейс төсләрдән тулысынча мәхрүм, бу редакция фотографиясенә барлык визуаль карарларны билгеләргә мөмкинлек бирә. Типография барлык структура эшләрен дә тәэмин итә - 400 һәм 700 калынлыктагы махсус эшләнгән геометрик sans-serif шрифты (Farfetch Basis) кулланыла, ә бүлек башлыклары һәм логотип текстны композиция буларак кабул итүче serif шрифтында күрсәтелә. Макет архитектуралы: үзәкләштерелгән, тулы киңлектәге эчтәлек, каты 3 һәм 4 баганалы продукт челтәрләре, бүлекләрне урнаштыру өчен җитәрлек урын (48–72 пиксель) һәм декоратив элементларның бөтенләй булмавы. Компонентлар бизәксез - эзләү өчен нечкә астына сызылган сызыклар, яшерен навигация сылтамалары, рәсемнәр астында баш хәрефләр белән язылган категория исемнәре, күләгәләрсез яки чикләрсез яссы продукт плиткалары. Системадагы бердәнбер төс - фоторәсемнәр үзләре; интерфейс - кадр, рәсем үзе түгел.
Биттә үзәкләштерелгән, тулы киңлектәге композиция бар, максималь эчтәлек киңлеге ~1280px. Башлык - нечкә, өч зоналы панель (сулда категория навигациясе, уңда үзәкләштерелгән текст билгесе һәм ярдәмче иконалар), аның астында уңда эзләү кыры урнашкан. Беренче бүлек - тулы киңлектәге категория плиткаларыннан (MUJER, HOMBRE, INFANTIL) торган өч баганалы челтәр, һәрберсенең өске ярлыгы бар. Һәр категория бүлеге астында, барлык исемнәре дә баш хәрефләр белән язылган, продукт категориясе карталарыннан (NOVEDADES, ROPA, BOLSOS, ZAPATOS) торган дүрт баганалы челтәр урнашкан. Бүлек исемнәре үзәкләштерелгән һәм өске һәм аскы өлешләрендә ~48px вертикаль чигенешле шрифт белән язылган. Чиратлашып торган фон полосалары юк - бөтен бит бер ак кырдан тора. Аскы колонтитул #222222 гә бер караңгы полоса буларак кире кайтарылган. Навигация - минималист өске панель, анда билгеләнгән элементлар, мега меню һәм ян панель юк.
Визуаль системада редакция мода фотографиясе өстенлек итә - зур, югары сыйфатлы рәсемнәр бөтен битне тутыра, аларда архитектура интерьерларындагы модельләр һәм продуктларның якын планнары күрсәтелә. Фотография үзе тонык, туендырылмаган палитрада башкарыла: бетон стеналар, табигый таш, нейтраль интерьерлар, йомшак, юнәлешле көн яктылыгы. Модельләр урта һәм тулы озынлыкта, редакция позалар белән төшерелә, электрон коммерция каталогларындагы катгый позалар белән түгел. Продукция рәсемнәре (сумкалар, аяк киемнәре) нейтраль соры яки таш фонында, бернинди яшәү рәвеше контексты булмаганда аерымлана - субъект - төп герой. Интерфейс бернинди визуаль элементлар да өстәми: иконалар, реклама стикерлары, декоратив рамкалар юк. Барлык визуаль байлык фотография бүлегеннән килә, дизайн системасыннан түгел.
Палитра
Нейтраль
- Carbon
#222222— Монохром система өчен төп текст, бит тексты, навигация сылтамалары, иконалар, логотип, аскы колонтитул һәм кара төстәге диярлек төс. - Paper
#ffffff— Бит холсты, карточка фон рәсемнәре, продукт плитка өслекләре, кертү кырлары һәм өстенлек итүче фон, бу фотосурәтне бердәнбер төс акценты итә. - Ash Gray
#b6b6b6— Нечкә иконалар сызыклары, өстәмә чикләр, фонда эзләү астына сызылган, кертү кырларында текст тутыргычы - иң тыныч вариант, текстка нейтраль түгел. - Stone
#f5f5f5— Навигация панельләре өчен курсорны алып бару өчен күчү эффекты, аскы панельләр һәм реклама фоннары өчен икенчел өслек тоны, стектагы иң йомшак күчү эффекты. - Graphite
#727272— Тынычландырылган ярдәмче текст, актив булмаган форма чикләре һәм сүндерелгән иконка контурлары — уртача соры төс, ул уку җиңеллеген киметмичә басымның кимүен күрсәтә. - Smoke
#e6e6e6— Продукция рәтләре арасындагы нечкә бүлгечләр, башкача бербөтен урнашудагы сизелерлек структура сызыгы.
Типография
13 дән 30 пиксельгә кадәр · 3 адым
- Farfetch Basis — алыштыру: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · контурлар 400, 700 · Кулланучыга күрсәтелгән бар нәрсә өчен дә махсус эшләнгән геометрик sans-serif шрифты кулланыла: навигация сылтамалары 13–15px/400, төп текст һәм продукт тасвирламалары 15px/400, бүлек башлыклары 22–30px/400 һәм FARFETCH логотибы 700. 400 генә булган башлыклар калын шрифттан махсус рәвештә баш тарту: бүлек башлыклары гадәти, ышанычлы, ләкин артык калын түгел, ә 700 логотип һәм иң экспрессив категория исемнәре өчен сакланган. Бу махсус геометрия тигез сызык контрастын һәм стандарт Helvetica шрифты ирешә алмаган нечкә, гуманистик җылылыкны тәэмин итә.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | тыгыз |
| Төп адым | 24px |
| Төймә радиусы | 0px |
| Карта радиусы | 0px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 48-72px |
| Бит киңлеге | 1280px |
Ясалма интеллект сезнең сайтны FARFETCH España стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- MAKR — Кулдан эшләнгән күн әйберләр өчен музей витрина. Тыныч, тулысынча ак бүлмә, анда җылы кара белән язылган этикеткалар кулда тотылган күн әйберләренең зур фоторәсемнәре астында яки пейзажлар фонында йөзеп йөри, бердәнбер төс шалфейның тонык полосасына каршы тора.
- Franco Maria Ricci Editore — Арт-деко галереясе каталогы - ак пергаментта ялтыратылган алтын сызыклар
- Laura Monin — Редакция галереясе стенасы, ак мәрмәр, кара мөһер
- OhDada — Редакция галереясе стенасы
- Cursor — Янып торган күмер белән яктыртылган уңайлы пергамент остаханәсе
- Structured — Пластилинга охшаган кәгазьдә Яңарыш галереясе
- MindMarket — Ак кәгазьдән ясалган уңайлы әкият китабы - кояшта кыздырылган, стикер кебек йомшак өслектә зур "Интер" баш язмалары һәм киселгән кәгазь персонажлар бергә урнашкан дустанә редакция холсты.
- Airbnb — Тыныч ак галерея стенасы, анда бер генә мәрҗән-кызыл төстәге кыстыргыч бар
- Apple (España) — Йомшак көндезге яктылыкта музей галереясе - бер, җәлеп итүче, авырлыксыз ак киңлек, һәр экспонат җиңел төстәге диварга фонарь белән яктыртылган.
- Lamborghini — Күргәзмә залында кара кузов, прожекторлар астында - бер сары машина
- Amplemarket — Кояш нурлары белән тулган эш урыны конфетти белән тулган
- Getharvest — Алтын сәгатьтәге өстәл – җылы каймак төстәге киндер, киндердә эленгән ак открыткалар һәм бер генә ачык кызгылт сары ялкын.