LUNCH
گرم پارچمنٹ پر مخمل پوڈیم
LUNCH CONCEPT ایک پرنٹ شدہ فیشن ایڈیٹوریل کی طرح پڑھتا ہے جس کا ویب پر ترجمہ کیا گیا ہے: ایک سیاہ، پورے صفحے کا مرکزی تصویری عنصر، جہاں برانڈ لوگو کو کروم لہجوں کے ساتھ بڑھا ہوا 3D متن کے طور پر پیش کیا جاتا ہے، اس کے بعد گرم پارچمنٹ پر ایک پرسکون، کیٹلاگ نما پروڈکٹ گیلری ہوتی ہے۔ صفحہ سنیما کے تصادم اور خاموش تحمل کے درمیان بدلتا ہے — اہم عنصر حملے، مرکزی حصہ سرگوشی کرتا ہے۔ ایک، خاموش لیوینڈر کا رنگ صرف اشتہار کی لائن میں، "سولڈ آؤٹ" حالت میں، اور فوٹر میں، شور مچانے کے بجائے برانڈ اسٹیٹمنٹ کے طور پر ظاہر ہوتا ہے۔ ایک واحد، دستخطی sans-serif فونٹ (Good Sans) بنیادی طور پر معمولی سائز میں استعمال ہوتا ہے، اور مرکزی لوگو ٹائپوگرافک تماشے کا واحد لمحہ ہے۔ تعامل مکمل طور پر ٹیکسٹ لنکس کے ذریعے ہوتا ہے: کوئی بھرے ہوئے بٹن، کوئی گریڈینٹ، کوئی آرائشی کروم، مرکزی عنصر کے 3D لوگو کے لیے محفوظ کریں۔
مرکزی مواد کے حصوں کے لیے زیادہ سے زیادہ چوڑائی ~1280px؛ صفحہ کا عنوان پورے صفحے کی چوڑائی کو کنارے سے کنارے تک پھیلاتا ہے۔ صفحہ کی تال: سیاہ صفحہ کا عنوان پورے صفحے کی چوڑائی (ویوپورٹ اونچائی) پر پھیلا ہوا ہے → گہرے پس منظر پر مرکزی تعارفی متن → اسی پس منظر پر 4-5 کالم پروڈکٹ گرڈ → lilac پردہ فوٹر پٹی۔ نیویگیشن صفحہ کے عنوان کے اوپر ایک پتلی متن کی پٹی کے طور پر واقع ہے (ایک سیاہ پس منظر پر ہلکا متن) اور تعارفی متن کے اوپر (ہلکے پس منظر پر سیاہ متن)۔ پروڈکٹ گرڈ میں اندرونی سیدھ کے ساتھ ایک گھنی ترتیب ہوتی ہے، تصویروں یا بصری علیحدگی کے درمیان انڈینٹ کے بغیر۔ تعارفی متن ایک تنگ، مرکز والا کالم (~600-700px) ہے جس کے اوپر اور نیچے عمودی جگہ (60-80px) ہے۔ مجموعی کثافت: ادارتی حصوں میں کشادہ، پروڈکٹ گرڈ میں کمپریسڈ۔
ادارتی فیشن فوٹوگرافی ڈیزائن پر حاوی ہے: مرکزی تصویر میں ماڈلز کی سیاہ، اعلیٰ کنٹراسٹ تصاویر (سومبر اسٹوڈیو لائٹنگ، اوینٹ گارڈ اسٹائلنگ — سرخ چمڑے کے کارسیٹس، چیکرڈ پلیڈز، اسٹرائکنگ پوز)، جبکہ گرڈ میں کرکرا پروڈکٹ/لُک بک شاٹس فلیٹ، نیوٹرل بیک گراؤنڈ کے خلاف ہیں (ماڈلز اور لائف اسٹائل کے بغیر لائف اسٹائل، لائف اسٹائل)۔ تصاویر میں کرکرا کنارے، ایک صفر رداس، اور گرڈ میں ملحقہ تصاویر کے ساتھ مضبوطی سے منسلک ہیں۔ مرکزی تصویر ویو پورٹ کے چاروں کناروں پر قبضہ کرتی ہے، اور ایک 3D کروم لوگو آبجیکٹ کو اوور لیپ کرتا ہے۔ گرڈ میں پروڈکٹ کی تصاویر پوری قطار میں اونچائی سے چوڑائی کے تناسب کو برقرار رکھتی ہیں۔ کم سے کم ٹیکسٹ نیویگیشن کے علاوہ کوئی عکاسی یا شبیہیں نہیں ہیں۔ بصری زبان یہ ہے: اچھی طرح سے گولی مارو، تیزی سے تراشو، اور تصویر کو برانڈ کا چہرہ بننے دیں۔
پیلیٹ
برانڈ
- Lilac Veil
#b8aad0— پس منظر کی جھلکیاں، آرائشی پٹیوں، اور مواد کے پیچھے نرم لہجے کے لیے جامنی رنگ بھریں۔
غیر جانبدار
- Ink Black
#000000— تمام باڈی ٹیکسٹ، نیویگیشن ٹیکسٹ، لنک بارڈرز، کارڈ بارڈرز، اور آئیکن بارڈرز پورے انٹرفیس کی ساختی لکیر بناتے ہیں۔ - Warm Parchment
#f4f1e4— ادارتی/مصنوعات کے علاقے میں صفحات اور حصوں کا پس منظر ایک پرسکون پس منظر ہے جس پر مصنوعات کی تصاویر رکھی گئی ہیں۔ - Ivory Mist
#fcfaf1— گہرے مین عنصر کے اوپر نیویگیشن ٹیکسٹ کا رنگ، ساخت کا ایک لطیف رنگ، اور باریک بارڈرز گہرے حصے میں UI کے لیے خالص سفید کا زیادہ گرم متبادل فراہم کرتے ہیں۔
نوع ٹائپ
12 سے 72px تک · 5 مراحل
- Good Sans — متبادل: Söhne · خاکہ 400, 700 · نیویگیشن، باڈی ٹیکسٹ، پروڈکٹ میٹا ڈیٹا، لنکس اور تمام UI ٹیکسٹ کے لیے ایک عالمگیر ٹائپ فیس۔ دوہری وزن کا نظام (باڈی ٹیکسٹ/ہیڈنگز کے لیے باقاعدہ 400، برانڈ ناموں، قیمتوں اور ہائی لائٹس کے لیے بولڈ 700) سائز میں اضافہ کیے بغیر درجہ بندی بناتا ہے۔ صفر کے قریب مثبت حروف میں وقفہ کاری اسے ہندسی سے زیادہ ادارتی بناتی ہے۔
- Redaction — متبادل: GT Sectra Display Bold · خاکہ 700 · صرف باڈی ٹیکسٹ کے لیے—یہ بڑے، کروم ٹیکسٹ "لنچ" کے لیے ایک حسب ضرورت فونٹ ہے جو فل سکرین باڈی ٹیکسٹ کی بنیاد کے طور پر کام کرتا ہے۔ یہ فی صفحہ بالکل ایک بار استعمال ہوتا ہے۔ یہ ایک ٹائپوگرافک دستخط ہے، دوبارہ قابل استعمال جزو نہیں۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 20-30px |
| بٹن کا رداس | 0px |
| کارڈ کا رداس | 0px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 60-80px |
| صفحہ کی چوڑائی | 1280px |
AI آپ کی ویب سائٹ کو LUNCH کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- MindMarket — کریم پیپر پر ایک آرام دہ پریوں کی کتاب - ایک دوستانہ ادارتی کینوس جہاں بڑی انٹر ہیڈ لائنز اور کٹ آؤٹ کاغذی کردار دھوپ میں بھیگی ہوئی، اسٹیکر نرم سطح پر ایک ساتھ رہتے ہیں۔
- Lamborghini — شوروم میں سیاہ جسم کا رنگ، اسپاٹ لائٹس کے نیچے - ایک پیلی کار
- amp — ٹھنڈے سفید پس منظر کے خلاف گرم نارنجی۔ یہ ڈیزائن ایک پریمیم فٹنس پروڈکٹ کی یاد دلاتا ہے جس کی تصویر دھوپ میں بھیگی ہوئی چوٹی میں لی گئی ہے: ایک آئٹم، ایک لہجہ، ایک پراعتماد فونٹ جو تمام کام کرتا ہے۔
- IKEA — الگ الگ شکل میں دھوپ میں بھیگا ہوا سویڈش فرنیچر شو روم
- Microsoft — خوردہ کیٹلاگ دستخطی نیلے رنگ کا استعمال کرتا ہے — ایک سفید شوروم کے فرش پر مربع لوگو کا تصور کریں، جہاں ہر ڈیزائن کا عنصر نیلے رنگ میں ہے۔
- Vibrants — سفید سنگ مرمر پر اسکائی بورن فارمیسی - گہری نیلی سیاہی مارٹر ہے اور اندردخش سپیکٹرم دوا ہے
- Isla Beauty — سرجیکل ریڈ کے لہجے کے ساتھ کریمی اپوتھیکری اسٹائل — سوچیں گرم پارچمنٹ کی دیواریں، امبر کی بوتلیں، اور ہر لیبل پر ایک ہی سرخ مہر۔
- Swap — ٹکسال کی ادارتی گیلری: روشن چونے کے لہجوں اور لطیف سیرف کے ساتھ کمروں میں ہلکے سیج شیڈز
- Cursor — ایک آرام دہ پارچمنٹ ورکشاپ، سلگتے ہوئے کوئلوں سے روشن
- Structured — پلاسٹائن نما کاغذ پر نشاۃ ثانیہ گیلری
- Apple (España) — عجائب گھر کی گیلری، دن کی ہلکی روشنی میں، ایک واحد، دلکش، بے وزن سفید جگہ ہے، جس میں ہر نمائش ہلکی رنگت والی دیوار کے خلاف اسپاٹ لائٹ سے روشن ہوتی ہے۔
- Amplemarket — دھوپ میں بھیگنے والی کام کی جگہ کنفیٹی سے بھری ہوئی ہے۔