
LUNCH
په ګرمو پوستکو باندې مخملي پوډیم
د غرمې تصور د چاپ شوي فیشن اداریې په څیر لوستل کیږي چې ویب ته ژباړل شوی: یو تیاره، بشپړ مخ اصلي عکس عنصر، چیرې چې د برانډ لوګو د کروم تلفظونو سره د لوی شوي 3D متن په توګه وړاندې کیږي، وروسته په ګرمو پارچمنټ کې د ارام، کتلاګ په څیر محصول ګالري راځي. پاڼه د سینمایی مقابلې او خاموش محدودیت ترمنځ بدیل کیږي - اصلي عنصر برید کوي، اصلي برخه غږ کوي. یو واحد، خاموش لیوینډر رنګ یوازې د اعلان په لیکه کې، د "پلورل شوي" حالت کې، او په فوټر کې ښکاري، د چیغې پرځای د برانډ بیان په توګه خدمت کوي. یو واحد، لاسلیک sans-serif فونټ (ښه sans) په عمده توګه په معمولي اندازو کې کارول کیږي، او اصلي لوګو د ټایپوګرافیک تماشا یوازینۍ شیبه ده. تعامل یوازې د متن لینکونو له لارې پیښیږي: هیڅ ډک شوي تڼۍ، هیڅ ګریډینټ، هیڅ آرائشی کروم، د اصلي عنصر د 3D لوګو لپاره پرته.
د منځپانګې د مرکز برخو لپاره اعظمي عرض ~1280px؛ د پاڼې سرلیک د ټولې پاڼې پلنوالی له یوې څنډې څخه بلې څنډې ته غځوي. د پاڼې تال: د تیاره پاڼې سرلیک د ټولې پاڼې پلنوالی (د لید پورټ لوړوالی) → په تیاره شالید کې د متمرکز تعارفي متن → په ورته شالید کې د 4-5-ستون محصول گرډ → د لیلک پرده فوټر پټه. نیویګیشن د پاڼې سرلیک څخه پورته (په تیاره شالید کې روښانه متن) او د معرفي متن څخه پورته (په روښانه شالید کې تیاره متن) د پتلي متن پټې په توګه موقعیت لري. د محصول گرډ د داخلي سمون سره یو ګڼ ترتیب لري، پرته له دې چې د انځورونو یا بصري جلا کولو ترمنځ انډینټ وي. د تعارف متن یو تنګ، مرکزي کالم (~600-700px) دی چې پورته او لاندې پراخه عمودی ځای (60-80px) لري. ټولیز کثافت: په اداری برخو کې پراخه، د محصول گرډ کې فشار شوی.
د ایډیټوریل فیشن عکاسي په ډیزاین کې غالبه ده: اصلي انځور د ماډلونو تیاره، لوړ متضاد عکسونه وړاندې کوي (سمبر سټوډیو رڼا، د اوانټ ګارډ سټایل - سره چرمي کارسیټونه، چیکر شوي پلیډونه، حیرانونکي پوزونه)، پداسې حال کې چې ګریډ د فلیټ، بې طرفه شالید په وړاندې د کرکرا محصول / لید بوک شاټونه وړاندې کوي (موډلونه او محصولات د سپک خړ / سپین شالید په وړاندې عکس اخیستل شوي، د ژوند طرز شرایطو پرته). انځورونه کرکرا څنډې لري، صفر شعاع لري، او په ګریډ کې د نږدې انځورونو سره په کلکه سره سمون لري. اصلي انځور د ویو پورټ ټولې څلور څنډې نیسي، او د 3D کروم لوګو د شی سره اوورلیپ کوي. په ګریډ کې د محصول انځورونه په ټوله قطار کې د لوړوالي څخه تر عرض پورې یو ثابت تناسب ساتي. هیڅ انځور یا عکسونه شتون نلري، پرته له لږترلږه متن نیویګیشن څخه. بصري ژبه دا ده: ښه ډزې وکړئ، په چټکۍ سره فصل کړئ، او اجازه ورکړئ چې عکس د برانډ مخ وي.
پالټ
برانډ
- Lilac Veil
#b8aad0— د شاليد د مهمو ټکو، سينګاري پټو، او د محتوا تر شا نرم تلفظ لپاره ارغواني رنګ ډک کړئ.
بې طرفه
- Ink Black
#000000— ټول بدني متن، د نیویګیشن متن، د لینک پولې، د کارت پولې، او د آیکون پولې د ټول انٹرفیس ساختماني کرښه جوړوي. - Warm Parchment
#f4f1e4— د اداریې/محصول په ساحه کې د پاڼو او برخو شالید یو ارام شالید دی چې د محصول عکسونه پکې ځای پر ځای شوي دي. - Ivory Mist
#fcfaf1— د تیاره اصلي عنصر په سر کې د نیویګیشن متن رنګ، د جوړښت یو نازک رنګ، او نازک سرحدونه د تیاره برخې کې د UI لپاره د خالص سپین لپاره یو ګرم بدیل چمتو کوي.
ټایپوګرافي
له ۱۲ څخه تر ۷۲ پکسله پورې · ۵ ګامونه
- Good Sans — بدیل: Söhne · بڼې 400, 700 · د نیویګیشن، د بدن متن، د محصول میټاډاټا، لینکونو، او ټول UI متن لپاره یو نړیوال ډول. د دوه ګوني وزن سیسټم (د بدن متن/سرلیکونو لپاره منظم 400، د برانډ نومونو، قیمتونو او لوړ پوړونو لپاره بولډ 700) د اندازې زیاتوالي پرته د سلسلې مراتب رامینځته کوي. نږدې صفر مثبت لیک فاصله دا د جیومیټریک په پرتله ډیر اداری کوي.
- Redaction — بدیل: GT Sectra Display Bold · بڼې 700 · یوازې د بدن متن لپاره—دا د لوی، کروم متن "LUNCH" لپاره یو دودیز فونټ دی چې د بشپړ سکرین بدن متن لپاره اساس په توګه کار کوي. دا په هر مخ کې یو ځل کارول کیږي؛ دا یو ټایپوګرافیک لاسلیک دی، نه د بیا کارولو وړ برخه.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 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 — د لمر څخه ډک کاري ځای چې د کنفټي سره ډک دی