LUNCH
تریبون مخملی روی پوست گرم
مفهوم ناهار مانند یک سرمقاله مد چاپ شده که به وب ترجمه شده است، خوانده میشود: یک عنصر عکس اصلی تیره و تمام صفحه، که در آن لوگوی برند به صورت متن سهبعدی بزرگ شده با لهجههای کرومی ارائه شده است، و پس از آن یک گالری محصول آرام و کاتالوگ مانند روی کاغذ پوستی گرم قرار دارد. صفحه بین رویارویی سینمایی و خویشتنداری آرام در نوسان است - عنصر اصلی حمله میکند، بخش اصلی زمزمه میکند. یک رنگ بنفش کمرنگ و واحد فقط در خط آگهی، در حالت "فروخته شده" و در پاورقی ظاهر میشود و به عنوان بیانیه برند به جای فریاد عمل میکند. یک فونت sans-serif امضادار (Good Sans) عمدتاً در اندازههای متوسط استفاده میشود و لوگوی اصلی تنها لحظه نمایش تایپوگرافی است. تعامل صرفاً از طریق لینکهای متنی رخ میدهد: بدون دکمههای توپر، بدون گرادیان، بدون کروم تزئینی، به جز لوگوی سهبعدی عنصر اصلی.
حداکثر عرض ~1280 پیکسل برای بخشهای محتوای مرکزگرا؛ عنوان صفحه از لبه تا لبه، کل عرض صفحه را در بر میگیرد. ریتم صفحه: عنوان صفحه تیره که کل عرض صفحه (ارتفاع نمای صفحه) را در بر میگیرد → متن مقدمه مرکزی روی پسزمینه تیره → شبکه محصول 4-5 ستونی روی همان پسزمینه → نوار پاورقی یاسی رنگ. ناوبری به صورت یک نوار متن نازک بالای عنوان صفحه (متن روشن روی پسزمینه تیره) و بالای متن مقدمه (متن تیره روی پسزمینه روشن) قرار دارد. شبکه محصول دارای طرحبندی متراکم با ترازبندی داخلی، بدون تورفتگی بین تصاویر یا جداسازی بصری است. متن مقدمه یک ستون باریک و مرکزگرا (~600-700 پیکسل) با فضای عمودی زیاد (60-80 پیکسل) در بالا و پایین است. تراکم کلی: در بخشهای ویرایشی جادار، در شبکه محصول فشرده شده است.
عکاسی مد تحریریه بر طراحی غالب است: تصویر اصلی شامل عکسهای تیره و با کنتراست بالا از مدلها (نورپردازی استودیویی تیره، استایل آوانگارد - کرستهای چرمی قرمز، پارچههای شطرنجی، ژستهای چشمگیر) است، در حالی که شبکه شامل عکسهای واضح از محصولات/کتابهای مد در برابر یک پسزمینه صاف و خنثی است (مدلها و محصولات در برابر یک پسزمینه خاکستری/سفید روشن، بدون زمینه سبک زندگی عکاسی شدهاند). تصاویر دارای لبههای واضح، شعاع صفر و کاملاً همتراز با تصاویر مجاور در شبکه هستند. تصویر اصلی هر چهار لبه نمای دید را اشغال میکند و یک لوگوی کروم سهبعدی روی شیء همپوشانی دارد. تصاویر محصول در شبکه نسبت ارتفاع به عرض ثابتی را در کل ردیف حفظ میکنند. هیچ تصویر یا آیکونی وجود ندارد، به جز ناوبری متنی حداقلی. زبان بصری این است: خوب عکاسی کنید، به وضوح برش دهید و بگذارید عکس چهره برند باشد.
پالت
برند
- Lilac Veil
#b8aad0— برای هایلایتهای پسزمینه، نوارهای تزئینی و یک لهجه ملایم در پشت محتوا، از رنگ بنفش استفاده کنید.
خنثی
- Ink Black
#000000— تمام متن بدنه، متن ناوبری، حاشیههای لینک، حاشیههای کارت و حاشیههای آیکون، خط ساختاری کل رابط کاربری را تشکیل میدهند. - Warm Parchment
#f4f1e4— پسزمینه صفحات و بخشهای مربوط به سرمقاله/محصول، پسزمینهای آرام است که عکسهای محصول روی آن قرار گرفتهاند. - Ivory Mist
#fcfaf1— رنگ متن ناوبری در بالای عنصر اصلی تیره، یک ته رنگ ظریف از بافت و حاشیههای ظریف، جایگزین گرمتری برای سفید خالص برای رابط کاربری در بخش تیره فراهم میکند.
تایپوگرافی
از ۱۲ تا ۷۲ پیکسل · ۵ مرحله
- Good Sans — جایگزینی: Söhne · طرح کلی 400, 700 · یک فونت جهانی برای ناوبری، متن بدنه، فراداده محصول، لینکها و تمام متن رابط کاربری. سیستم وزن دوگانه (400 معمولی برای متن بدنه/عنوانها، 700 پررنگ برای نامهای تجاری، قیمتها و نکات برجسته) بدون افزایش اندازه، سلسله مراتب ایجاد میکند. فاصله مثبت تقریباً صفر بین حروف، آن را بیشتر سرمقالهای میکند تا هندسی.
- Redaction — جایگزینی: GT Sectra Display Bold · طرح کلی 700 · فقط برای متن بدنه - این یک فونت سفارشی برای متن بزرگ کرومی "LUNCH" است که به عنوان پایه متن بدنه تمام صفحه عمل میکند. این فونت دقیقاً یک بار در هر صفحه استفاده میشود؛ این یک امضای تایپوگرافی است، نه یک جزء قابل استفاده مجدد.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 20-30px |
| شعاع دکمه | 0px |
| شعاع کارت | 0px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 60-80px |
| عرض صفحه | 1280px |
هوش مصنوعی وبسایت شما را به سبک LUNCH میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- MindMarket — یک کتاب افسانهای دنج روی کاغذ کرم - یک بوم تحریریه دوستانه که در آن تیترهای بزرگ اینتر و شخصیتهای کاغذی برشخورده روی سطحی آفتابگیر و نرم به نرمی برچسب، همزیستی میکنند.
- Lamborghini — رنگ بدنه مشکی در نمایشگاه، زیر نورافکنها - یک ماشین زرد
- amp — نارنجی گرم در پسزمینه سفید سرد. این طرح یادآور یک محصول تناسب اندام درجه یک است که در یک اتاق زیرشیروانی آفتابگیر عکاسی شده است: یک آیتم، یک لهجه، یک فونت مطمئن که همه کارها را انجام میدهد.
- IKEA — یک نمایشگاه مبلمان سوئدی غرق در آفتاب به شکل قطعات جدا شده
- Microsoft — کاتالوگ خردهفروشی از رنگ آبی خاص استفاده میکند - یک لوگوی مربعی را در کف سفید نمایشگاه تصور کنید، که در آن هر عنصر طراحی به رنگ آبی است.
- Vibrants — داروخانه اسکایبورن روی سنگ مرمر سفید - جوهر آبی تیره ملات و طیف رنگینکمان دارو است
- Isla Beauty — سبک داروخانهای کرمی با رگههایی از قرمز جراحی - دیوارهای کاغذ پوستی گرم، بطریهای کهربایی و یک مهر قرمز روی هر برچسب را تصور کنید.
- Swap — گالری تحریریه مینت: سایههای روشن مریم گلی در اتاقهایی با لهجههای لیمویی روشن و سریفهای ظریف
- Cursor — یک کارگاه دنج کاغذ پوستی، روشن شده با زغالهای گداخته
- Structured — گالری رنسانس روی کاغذ شبیه پلاستیسین
- Apple (España) — گالری موزه، در نور ملایم روز، فضایی سفید، واحد، جذاب و بیوزن است که هر نمایشگاه با نورافکنی در برابر دیواری با رنگ ملایم روشن میشود.
- Amplemarket — یک محل کار آفتابگیر و پوشیده از کاغذ رنگی