FARFETCH España
یک گالری مد به سبک «مکعب سفید». یک فضای خردهفروشی لوکس را تصور کنید که دیوارها، کف و وسایل آن به رنگ سفید دکلره شده باشند و فقط لباسها و افرادی که آنها را میپوشند، هر رنگ، بافت و بیان بصری را ایجاد کنند.
Farfetch به عنوان یک گالری مد "مکعب سفید" عمل میکند: رابط کاربری تقریباً کاملاً عاری از رنگ است و به عکاسی سرمقاله اجازه میدهد تا تمام تصمیمات بصری را دیکته کند. تایپوگرافی تمام کارهای ساختاری را انجام میدهد - یک فونت sans-serif هندسی سفارشی (Farfetch Basis) در وزنهای ۴۰۰ و ۷۰۰ استفاده میشود، در حالی که عناوین بخشها و لوگو با یک فونت serif ارائه میشوند که متن را به عنوان یک ترکیب در نظر میگیرد. طرحبندی معماری است: محتوای تمام عرض و متمرکز، شبکههای محصول ۳ و ۴ ستونی سفت و سخت، فضای کافی برای قرار دادن بخشها (۴۸ تا ۷۲ پیکسل) و فقدان کامل عناصر تزئینی. اجزا از تزئینات عاری هستند - زیرخطهای ظریف برای جستجو، پیوندهای ناوبری پنهان، نامهای دسته با حروف بزرگ در زیر تصاویر، کاشیهای محصول مسطح بدون سایه یا حاشیه. تنها رنگ موجود در سیستم خود عکسها هستند. رابط کاربری یک قاب است، نه خود تصویر.
این صفحه دارای یک ترکیببندی تمامعرض و متمرکز با حداکثر عرض محتوای حدود ۱۲۸۰ پیکسل است. هدر یک پنل نازک سهمنطقهای است (ناوبری دستهبندی در سمت چپ، علامت متن مرکزی و آیکونهای کمکی در سمت راست) که در زیر آن یک فیلد جستجو در سمت راست قرار دارد. بخش اول یک شبکه سهستونی از کاشیهای تمامعرض دستهبندی (MUJER، HOMBRE، INFANTIL) است که هر کدام دارای یک برچسب روی هم قرار دارند. در زیر هر بخش دستهبندی، یک شبکه چهارستونی از کارتهای دستهبندی محصولات (NOVEDADES، ROPA، BOLSOS، ZAPATOS) با عناوینی با حروف بزرگ قرار دارد. عناوین بخشها در مرکز قرار گرفته و با فونتی با تورفتگی عمودی حدود ۴۸ پیکسل در بالا و پایین نوشته شدهاند. هیچ نوار پسزمینه متناوبی وجود ندارد - کل صفحه یک فیلد سفید یکدست است. پاورقی به صورت یک نوار تیره واحد به #۲۲۲۲۲۲ معکوس شده است. ناوبری یک نوار بالایی مینیمالیستی است که هیچ عنصر ثابتی ندارد، هیچ منوی بزرگی ندارد و هیچ نوار کناری ندارد.
سیستم بصری تحت سلطه عکاسی مد سرمقالهای است - تصاویر بزرگ و با وضوح بالا که تمام صفحه را پر میکنند، شامل مدلهایی در فضاهای داخلی معماری و نماهای نزدیک از محصولات. خود عکاسی در یک پالت رنگی خاموش و غیراشباعشده اجرا میشود: دیوارهای بتنی، سنگ طبیعی، فضای داخلی خنثی، نور ملایم و جهتدار روز. مدلها در حالتهای میانقد و تمامقد، با ژستهای سرمقالهای، نه ژستهای سختگیرانه کاتالوگهای تجارت الکترونیک، عکاسی میشوند. تصاویر محصول (کیف، کفش) در برابر یک پسزمینه خاکستری یا سنگی خنثی، بدون هیچ زمینه سبک زندگی، ایزوله شدهاند - سوژه، شخصیت اصلی است. رابط کاربری هیچ عنصر بصری اضافه نمیکند: بدون آیکون، بدون برچسب تبلیغاتی، بدون قاب تزئینی. تمام غنای بصری از بخش عکاسی میآید، نه سیستم طراحی.
پالت
خنثی
- Carbon
#222222— متن بدنه، متن صفحه، لینکهای ناوبری، آیکونها، لوگو، پاورقی و یک تُن رنگی تقریباً مشکی برای کل سیستم تکرنگ. - Paper
#ffffff— بوم صفحه، تصاویر پسزمینه کارت، سطوح کاشیهای محصول، فیلدهای ورودی و پسزمینه غالب، که عکس را به تنها عنصر رنگی تأکیدی تبدیل میکند. - Ash Gray
#b6b6b6— خطوط ظریف آیکونها، حاشیههای اضافی، زیرخطدار کردن جستجو در پسزمینه، جای خالی متن در فیلدهای ورودی— بیسروصداترین گزینه، نه خنثی از نظر متن. - Stone
#f5f5f5— افکت انتقال شناور برای نوارهای ناوبری، رنگ سطح ثانویه برای زیر پنلها و پسزمینههای تبلیغاتی، ملایمترین افکت انتقال در این مجموعه. - Graphite
#727272— متن کمکی بیصدا، حاشیههای فرم غیرفعال و طرح کلی آیکونهای غیرفعال - خاکستری متوسط که نشاندهنده کاهش تأکید بدون از دست دادن خوانایی است. - Smoke
#e6e6e6— جداکنندههای ظریف بین ردیفهای محصولات، یک خط ساختاری که به سختی قابل توجه است در یک چیدمان یکپارچه.
تایپوگرافی
از ۱۳ تا ۳۰ پیکسل · ۳ مرحله
- 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 هندسی با طراحی سفارشی برای هر چیزی که به کاربر نمایش داده میشود، استفاده میشود: لینکهای ناوبری با اندازه ۱۳-۱۵ پیکسل/۴۰۰، متن بدنه و توضیحات محصول با اندازه ۱۵ پیکسل/۴۰۰، عنوانهای بخشها با اندازه ۲۲-۳۰ پیکسل/۴۰۰ و لوگوی FARFETCH با اندازه ۷۰۰. عنوانهای فقط ۴۰۰، حرکتی عمدی به دور از حروف پررنگ هستند: عنوانهای بخشها وزنی منظم، مطمئن، اما نه بیش از حد پررنگ دارند، در حالی که ۷۰۰ برای لوگو و رساترین نامهای دستهبندی رزرو شده است. این هندسه خاص، کنتراست یکنواخت و گرمای ظریف و انسانی را تضمین میکند که فونت استاندارد Helvetica به آن دست نمییابد.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 24px |
| شعاع دکمه | 0px |
| شعاع کارت | 0px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 48-72px |
| عرض صفحه | 1280px |
هوش مصنوعی وبسایت شما را به سبک FARFETCH España میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- MAKR — ویترین موزهای برای کالاهای چرمی دستساز. اتاقی آرام و تماماً سفید که در آن برچسبهایی با جوهر مشکی گرم، زیر عکسهای بزرگی از کالاهای چرمی که در دست گرفته شدهاند یا در مقابل مناظر قرار گرفتهاند، شناورند و تنها تضاد رنگی، نواری کمرنگ از رنگ مریم گلی است.
- Franco Maria Ricci Editore — کاتالوگ گالری آرت دکو - خطوط طلایی صیقل داده شده روی کاغذ پوستی سفید و ترد
- Laura Monin — دیوار گالری تحریریه، سنگ مرمر سفید، مهر جوهری
- OhDada — دیوار گالری تحریریه
- Cursor — یک کارگاه دنج کاغذ پوستی، روشن شده با زغالهای گداخته
- Structured — گالری رنسانس روی کاغذ شبیه پلاستیسین
- MindMarket — یک کتاب افسانهای دنج روی کاغذ کرم - یک بوم تحریریه دوستانه که در آن تیترهای بزرگ اینتر و شخصیتهای کاغذی برشخورده روی سطحی آفتابگیر و نرم به نرمی برچسب، همزیستی میکنند.
- Airbnb — یک دیوار گالری سفید و آرام با یک بوکمارک قرمز مرجانی
- Apple (España) — گالری موزه، در نور ملایم روز، فضایی سفید، واحد، جذاب و بیوزن است که هر نمایشگاه با نورافکنی در برابر دیواری با رنگ ملایم روشن میشود.
- Lamborghini — رنگ بدنه مشکی در نمایشگاه، زیر نورافکنها - یک ماشین زرد
- Amplemarket — یک محل کار آفتابگیر و پوشیده از کاغذ رنگی
- Getharvest — میزی در ساعت طلایی - بوم نقاشی به رنگ کرم گرم، کارت پستالهای سفید آویزان از بوم، و یک شعله نارنجی روشن