Allbirds
اڇي ڪپڙي تي قدرتي مواد
آل برڊس هڪ پرسڪون، قدرتي اعتماد سان ڪم ڪري ٿو - هڪ تقريبن مڪمل طور تي رنگين ڪينواس، گرم ريتي (#e0dacf) ۽ خاموش زمين جي ٽون سان مڪمل ڪيو ويو آهي جيڪو سڌو سنئون پراڊڪٽ فوٽوگرافي مان ٺهيل آهي. يوزر انٽرفيس پراڊڪٽ جي تجربي ۾ مداخلت نٿو ڪري: اڇا مٿاڇريون، پتلي سرحدون، آل ڪيپس نيويگيشن، ۽ پِل جي شڪل وارا ڪنٽرول جيڪي ويب عنصرن کان وڌيڪ جسماني بٽڻ وانگر محسوس ٿين ٿا. سيلف ماڊرن (هڪ ڪسٽم سيريف فونٽ) ڪجهه اهم لمحن لاءِ استعمال ڪيو ويندو آهي جن کي ادارتي ڌيان جي ضرورت هوندي آهي - هيڊ لائنون ۽ ڪليڪشن نالا - جڏهن ته جيوگراف هر خط، باڊي ڪاپي، ۽ بٽڻ لاءِ ٽن متوازن وزنن ۾ استعمال ڪيو ويندو آهي. ڪيٽيگري ڪارڊ هڪ رنگ سسٽم بڻجي ويندا آهن: هر هڪ پنهنجي پس منظر جو رنگ نمايان پراڊڪٽ مان وٺندو آهي، نيويگيشن کي هڪ زنده پينٽون پيليٽ ۾ تبديل ڪندو آهي.
وڌ ۾ وڌ ويڪر ~1200px آهي، جنهن جو مرڪز وڏي پاسي واري پيڊنگ سان آهي. مکيه عنصر هڪ گرم ريتي جي پس منظر تي هڪ مڪمل ويڪر ايڊيٽوريل پٽي آهي جنهن ۾ مرڪز مان هڪ وڏو پراڊڪٽ ڪيروسل نڪرندو آهي. ڪيٽيگري نيويگيشن چار ڪالمن ۾ چار هڪجهڙا رنگين ڪارڊن جو هڪ گرڊ آهي، هر هڪ ۾ هڪ مرڪزي جوتا ماڊل شامل آهي. فولڊ جي هيٺان، لي آئوٽ مڪمل ويڪر اسپلٽ پينلز (کاٻي پاسي طرز زندگي جي تصوير + ساڄي پاسي پراڊڪٽ جو نمونو) ۽ هڪ ننڍڙي، هيٺئين لڪير واري سيڪشن عنوان هيٺ سينٽرڊ پراڊڪٽ ڪيروسل جي وچ ۾ متبادل ٿئي ٿو. مجموعي تال هي آهي: مڪمل ويڪر ايڊيٽوريل پينل → چار ڪالمن گرڊ → سينٽرڊ پراڊڪٽ ڪيروسل → ٻه ڪالمن اسپلٽ → سينٽرڊ پراڊڪٽ ڪيروسل. حصن جي وچ ۾ فاصلو 40-56px آهي، جيڪو هوادار پر زبردست منتقلي پيدا نٿو ڪري. نيويگيشن هڪ گهٽ ۾ گهٽ، مقرر ٿيل ٽاپ بار آهي جنهن ۾ سينٽرڊ پرائمري لنڪس آهن.
فوٽوگرافي سڄو بصري نظام آهي. سڀئي پراڊڪٽ شاٽ ويجهي کان، ٿوري زاويه کان، هڪ مضبوط پس منظر جي خلاف آهن جيڪو جوتن جي تلفظ جي رنگ سان ملندو آهي يا مڪمل ڪندو آهي، مؤثر طريقي سان هر تصوير کي رنگ جي مطالعي ۾ تبديل ڪندو آهي. طرز زندگي جون تصويرون گرم، سج جي رنگن ۾، قدرتي سيٽنگن ۾ (ايگيو فيلڊز، ڪاٺ جي ڊيڪ، خراب زمين)، خاموش پيليٽ سان ملائڻ لاءِ نفاست سان خاموش ڪيون ويون آهن. ڪابه تصوير نه آهي، نه 3D رينڊرز، نه تجريدي گرافڪس. پينٽون سان تعاون ۾، لفظي رنگ پيليٽ کي گرافڪ عنصر طور استعمال ڪيو ويندو آهي. آئڪنوگرافي گهٽ ۾ گهٽ ۽ مونوڪروم آهي (نيويگيشن ۽ معاون پوزيشن ۾ آئوٽ لائن آئڪن).
پيليٽ
غير جانبدار
- Canvas White
#ffffff— صفحي جي پس منظر جون تصويرون، ڪارڊ جون مٿاڇريون، پراڊڪٽ ڪارڊ جي پس منظر جون تصويرون. - Charcoal
#212121— ثانوي UI عنصرن، ورهائيندڙن، ۽ خاموش ليبلن لاءِ هڪ غير جانبدار رنگ جي حمايت ڪئي وئي آهي. ان کي ڪال ٽو ايڪشن لاءِ بنيادي رنگ طور استعمال نه ڪيو وڃي. - True Black
#000000— هيڊنگ، آئڪن، هاءِ ڪنٽراسٽ فريم، نيويگيشن ٽيڪسٽ. - Warm Sand
#e0dacf— مکيه حصي جو پس منظر، اضافي مٿاڇري جو ڇانو، وڏا ايڊيٽوريل پينل. - Olive Char
#222519— ثانوي UI عنصرن، ورهائيندڙن، ۽ خاموش ليبلن لاءِ هڪ غير جانبدار رنگ جي حمايت ڪئي وئي آهي. ان کي ڪال ٽو ايڪشن لاءِ بنيادي رنگ طور استعمال نه ڪيو وڃي. - Iron Gray
#525252— ثانوي متن، معاون متن، غير مداخلت وارا فريم.
ٽائپوگرافي
12 کان 40 پکسلز تائين · 6 مرحلا
- Self Modern — متبادل: Playfair Display · خاڪا 400 · هيڊ لائنون ۽ ايڊيٽوريل گهٽ استعمال ڪيا ويا آهن، اهم جملن ۽ مجموعي جي عنوانن کي اجاگر ڪندي. سيريف ۽ اٽالڪ ٽائپ فيسس سينز-سيريف ٽائپ فيسس جي هڪجهڙائي کي ٽوڙيندا آهن ۽ پيغام پهچائيندا آهن: "هي ڪهاڻي جو نچوڙ آهي."
- Geograph — متبادل: Inter · خاڪا 400, 500, 700 · يوزر انٽرفيس لاءِ بنيادي فونٽ ۾ باڊي ٽيڪسٽ، نيويگيشن ليبل، بٽڻ، پراڊڪٽ هيڊنگ، فوٽر، ان پٽ فيلڊ ۽ آئڪن شامل آهن. نمايان ٿيل هيڊنگ لاءِ 500، پراڊڪٽ جي نالن لاءِ 700. نيويگيشن ليبلز ۽ ڪيٽيگريز ۾ وڏن اکرن ۾ وسيع اکرن جي فاصلي (0.025em–0.10em) هڪ مستقل برانڊ انداز قائم ڪري ٿي.
- HurmeGeometricSans3 — متبادل: Inter · خاڪا 400 · ڪڏهن ڪڏهن بٽڻ لاءِ بيڪ اپ يا وقف ٿيل ليبل طور استعمال ٿيندو آهي. جيوگراف هن سسٽم کي روزانو استعمال ڪندو آهي.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 8-16px |
| بٽڻ جو ريڊيس | 9999px (pill) |
| ڪارڊ جو ريڊيس | 16px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 40-56px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Allbirds انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Lightship — کليل روڊ جو هڪ سينيمائي ڊائيوراما. گرم ڪريم گيلري جون ڀتيون جيڪي وڏين لينڊ اسڪيپ تصويرن سان سينگاريل آهن جيڪي ويجهي وقفي سان لڳل آهن، ٿلهي ڪاري قسم جي فريم تي مشڪل سان نظر اچي ٿي، ۽ هڪ روشن نارنگي تلفظ هڪجهڙائي کي ٽوڙي ٿو جيئن هڪ گاهه ۾ باهه.
- Faire ES — گرم ڪريم جي ٿوڪ فهرست
- Adanola — اڇي ڪاغذ تي هڪ ايڊيٽوريل لُڪ بڪ. هڪ فيشن شوٽ جتي ٽائپوگرافي ۽ فوٽوگرافي صاف اڇي مٿاڇري تي ساهه کڻندي آهي، ٽائيپ فيس لاءِ ڪاري مس ۽ هڪ نازڪ دستخطي سينز-سيريف فونٽ (پسنديده) سان، برانڊ جي مجموعي انداز کي ظاهر ڪري ٿو.
- Oura Ring — هڪ آرامده جئي ٺاهڻ جو ورڪشاپ، نرم ڏينهن جي روشني ۾ غسل ٿيل
- Stykka — اڇي روشنيءَ ۾ هڪ اسڪينڊينيوين ورڪشاپ - هڪ خاموش، هٿ سان ٺهيل شو روم جتي صرف آواز فوٽوگرافي آهي.
- DJI — ايرو اسپيس ڪارو ڪينواس هڪ واحد برقي نيرو نمايان سان
- Altitude Beverages — مونوڪروم ميگزين اسپريڊ. تصور ڪريو هڪ فيشن ميگزين اسپريڊ جنهن ۾ اسٽل فوٽوز کانسواءِ سڀ رنگ ختم ڪيا ويا آهن - ٽيڪسٽ ۽ اڇو اسپيس سڄي ڪهاڻي ٻڌائي ٿو.
- AATHER — هڪ کليل کجيءَ جو ٿلهو، هڪ شعلو - خاموشي ۾ موجود هڪ خاموش عيش عشرت
- Cowboy — برفاني سفيد چيني مٽيءَ جي ماحول ۾ هڪ بيلجيم سائيڪل گيلري. هڪ شو روم جتي ميٽ سطحون، ادارتي مواد ۾ استعمال ٿيندڙ وڏا فونٽ، ۽ سينگار جي عملي غير موجودگي سائيڪل ۽ ان جي مواد ڏانهن ڌيان ڇڪائي ٿي.
- Refero — اڇي سنگ مرمر تي ايڊيٽوريل لي آئوٽ - هڪ ٽائيپوگرافر پاران ٺاهيل هڪ پراڊڪٽ پيج، جتي سيريف هيڊ لائن برانڊ جو ڪالنگ ڪارڊ آهي، ۽ باقي سڀ ڪجهه بي ترتيب آهي.
- Face Formula — هڪ اسڪينڊينيوين ادارتي پورٽريٽ. هڪ پرسڪون، رسالي جي طرز جو پکڙجڻ، جتي ماڊل جي نظر ۽ هيڊ لائن، هڪ ڪنڊينسڊ سيريف فونٽ ۾ لکيل، هڪ ٿڌي، ڌنڌلي پس منظر جي خلاف پاڻ لاءِ ڳالهائي ٿي.
- Shupatto — اڇي سنگ مرمر تي ميوزيم ڊسپلي ڪيس