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 — Каймак кагазга басылган жайлуу жомок китеби - күнгө күйгөн, стикердей жумшак бетинде чоң Inter аталыштары жана кесилген кагаз каармандары жанаша жайгашкан ыңгайлуу редакциялык полотно.
- Airbnb — Бир гана маржан кызыл кыстармасы бар тынч ак галерея дубалы
- Apple (España) — Музей галереясы жумшак күндүзгү жарыкта бирдиктүү, өзүнө тартып турган, салмаксыз ак мейкиндик болуп саналат, ар бир экспонат ачык түстөгү дубалга прожектор менен жарыктандырылган.
- Lamborghini — Көргөзмө залында, прожекторлордун астында кара кузов - бир сары унаа
- Amplemarket — Күн нуруна бөлөнгөн жумуш орду конфеттиге толгон
- Getharvest — Алтын сааттагы стол – жылуу каймак түстөгү полотно, полотного илинген ак открыткалар жана бир гана ачык кызгылт сары жалын