
Nike
د سپورتي لاسته راوړنو یوه مونوکروم ګالري - سپین دیوالونه، محصول د هنر کار په توګه، کروم په شالید کې منحل شوی
Nike.com د یو مونوکروم، محصول-لومړی ګالري په توګه کار کوي: د کارونکي انٹرفیس په عملي توګه نه لیدل کیږي، د محصول عکسونو ته اجازه ورکوي چې هر سکرین ونیسي. ټول انٹرفیس د تور، سپین، او خړ رنګونو درې سیوري څخه جوړ شوی دی - هیڅ تلفظ رنګونه، هیڅ آرائشی تدریجي، هیڅ ګرم، لاسلیک کروم نشته. د نایک لاسلیک سټایل د ګالري لوګو او عکسونو کې ژوند کوي، مګر هیڅکله پخپله د کارونکي انٹرفیس کې نه. ټایپوګرافي کمپیکټ او ګټوره ده، د 12-20px کې د دودیز ډیزاین شوي هیلویټیکا ناو فونټ کورنۍ باندې تکیه کوي، د سرلیکونو لپاره په 76px کې د یو واحد، لوی Nike Futura ND لوګو سره. اجزا لږترلږه دي: د 30px شعاع سره د ګولۍ شکل لرونکي تڼۍ، فلیټ محصول کارتونه، پتلي سرحدونه، او په حقیقت کې د صفر لوړوالي توپیرونه. پاڼه د خالص سپین محصول سطحو او حیرانونکي، تیاره اداری برخو ترمنځ بدیل کیږي، د زینت پرځای د برعکس له لارې تال رامینځته کوي.
دا پاڼه یو پیاوړی اداری تال تعقیبوي: یو حیرانونکی، بشپړ پلنوالی، تیاره سرلیک چې یو واحد محصول او یو لوی سرلیک لري، ورپسې د بشپړ پلنوالی، 2x2 کټګورۍ گرډ، په 3 ستنو کې د محصول کارتونو افقی سکرول کولو گرډ، او په پای کې یو ګڼ، څو کالم فوټر. د منځپانګې ټول بلاکونه د بشپړ ویوپورټ پلنوالی نیسي پرته له اعظمي کانټینر پلنوالی څخه؛ د اعظمي پلنوالی محدودیت یوازې د نیویګیشن او فوټر لینک گرډ باندې پلي کیږي. د برخو ترمنځ لیږدونه تیز دي: تور سرلیک → سپین کټګورۍ گرډ → سپین محصول گرډ → سپین فوټر، د تنګ خړ سرحدونو سره چې د یوازینۍ بصري سیم په توګه کار کوي. نیویګیشن یو لږترلږه، دوه پوړیز بار دی (په سر کې مرستندویه لینکونه، لومړني کټګورۍ په مرکز کې دي) پرته له پن کولو، هیڅ شالید ډکولو، او هیڅ سیوري سره. د منځپانګې کثافت د محصول گرډونو کې کمپیکٹ دی (د کارت سخت فاصله) او په سرلیک کې پراخه (د بشپړ پلنوالی ویوپورټ).
عکاسي د بصري عنصر غالب عنصر دی او د برانډ ټوله هویت تعریفوي. دا سیسټم د لوړ کیفیت، بشپړ چوکاټ محصول عکسونه کاروي: د ورزشي بوټانو عکسونه په انفرادي ډول د تیاره یا تدریجي شالید په وړاندې اخیستل شوي، د چوکاټ ډکولو لپاره کرپ شوي، پرته له ژوند شرایطو څخه. د ژوند طرز عکسونه په کټګوریو کې څرګندیږي، د حرکت په حال کې د ورزشکارانو پښې او پښې ښیې. د لوړ برعکس، سنتر شوي رنګ سکیم کارول کیږي — د تور شالید په وړاندې سره بوټان، په سپینو تلوونو کې نیون تلفظونه، او د موادو ډراماتیک کولو لپاره ګرم او سړه رڼا. هیڅ انځور، لنډیز ګرافیک، یا 3D رینډرینګ نه کارول کیږي. انځورونه تل پاکې څنډې لري (د عکس کانټینرونو کې ګرد کونجونه نشته)، تل د دوی بلاکونو کې ټول ځای نیسي، او تل د لږترلږه متن پوښښ سره مل وي. انځورګري په بشپړ ډول فعاله ده: د لټون، غوښتنې لیست، کارټ، او حساب لپاره د اوبیسیډین یا سټیل رنګونو کې د خاکې عکسونه.
پالټ
بې طرفه
- Obsidian
#111111— تیاره رنګ بې طرفه متن او عکسونه بشپړوي او قوي برعکس رامینځته کوي. د عمل کولو لپاره د لومړني رنګ په توګه د کارولو څخه ډډه وکړئ. - Paper White
#ffffff— د پاڼې شالید، د کارت سطحه، په تیاره شالید کې د تڼۍ متن، د آیکون خاکه — د محصول گرډونو او کټګوریو برخو لپاره ډیفالټ کینوس. - Concrete Gray
#e5e5e5— پولې، ویشونکي، د گرډ برخې جلا کوونکې نرۍ کرښې، د ان پټ ساحو نازکې بڼې. - Soft Mist
#f5f5f5— د ثانوي سطحو لپاره د شالید نرم رنګ، د لټون ساحه ډکول نیویګیشن، د ټګ شالید. - Steel
#707072— ثانوي متن، خاموش شوی مرستندویه متن، د آیکون لنډیزونه، د ډوډۍ کرمب لیبلونه، د فوټر لینک جلا کونکي. - Faint Gray
#9e9ea0— د آیکون بڼې، کوچني UI عناصر، او د لږترلږه روښانه کولو سره پولې غیر فعالې دي.
ټایپوګرافي
له ۱۲ څخه تر ۷۶ پکسله پورې · ۶ ګامونه
- Helvetica Now Text Medium — بدیل: Inter · بڼې 500 · د هیلویټیکا اوس متن منځنی فونټ - په سکریپ شوي معلوماتو کې موندل شوی مګر د AI لخوا نه دی تشریح شوی.
- Helvetica Now Text — بدیل: Inter or Helvetica Neue · بڼې 400, 500 · د کارونکي انٹرفیس اصلي متن - د نیویګیشن لینکونه، د تڼۍ لیبلونه، د کارت سرلیکونه، د محصول نومونه، د فوټر لیستونه، ټول د بدن متن.
- Helvetica Now Display Medium — بدیل: Inter Medium or Helvetica Neue Medium · بڼې 500 · د برخې سرلیکونه، د کارت کټګورۍ لیبلونه، د منځنۍ اندازې سرلیکونه - منځنۍ فونټ (20-24px) د نایک سرلیکونو یوه نښه ده چې لوی ډیزاین عناصر ندي: هیڅکله زړور نه، تل لنډ.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 8px |
| د تڼۍ وړانګې | 30px |
| د کارت وړانګې | 0px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 48px |
| د پاڼې پلنوالی | 1440px |
AI به ستاسو ویب پاڼه په Nike سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Airbnb — د مرجان سره یو واحد بک مارک سره یو خاموش سپین ګالري دیوال
- Apple (España) — د سپینې ګالري نندارې قضیه
- Silencio — یوه سپینه خونه چې لامبو وهونکي اثار لري. د ګرمو کاغذونو څخه جوړه شوې ګالري نندارتون، چیرې چې هر عنصر د منفي حجم د شالید په وړاندې خپل ځای نیسي، او چوپتیا د ډیزاین یوه قصدي پریکړه ده.
- Oakâme — د لمر لوند پروونسل ورکشاپ چې د ګرمو ډبرو څخه جوړ شوی دی
- Arc — د نیمې شپې اوبو باندې صنعتي سپین ګالري
- Rivian — د ګالري په کانکریټي دیوال کې یو برقي مونولیت. ریوین هر موټر د یوې پراخې سپینې فضا په وړاندې د مجسمې په توګه وړاندې کوي، د ټایپوګرافۍ سره دومره لوی چې دا د معمارۍ عنصر کیږي، او یو واحد ګرم ژیړ چې د مونوکروماتیک فضا ماتوي، لکه د لمر وړانګې په میټ سطحه.
- Analogue — د تور ګالري نندارې قضیه - توکي په تشه کې ځړېږي
- ddna — د موزیم ګرم نندارتون بکس په نه پاک شوي کتان باندې
- Zellerfeld — د سپین مرمر په اړه د مجسمه جوړونکي ورکشاپ — د پیډسټال یو واحد سطحې، د کوبالټ یو واحد څراغ، د فرش څخه تر چت پورې د کوچنیو تورو غږ
- UY Studio — د خانقاه د ډبرو ګالري د کانکریټي دیوالونو سره یوه ارامه ځای دی، چیرې چې د عطرو بوتلونه په سپینو تختو ولاړ دي، چې د یو 400 واټ څراغ او څلورو ګرمو خړ بلبونو لخوا روښانه شوي دي.
- Basic.Space — په سپین مرمر باندې د کیوریټوریل ګالري
- COS — د سپینو دیوالونو سره یو عصري ګالري