
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 سے 40px تک · 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.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Lightship — کھلی سڑک کا ایک سنیما ڈائیوراما۔ گرم کریم گیلری کی دیواریں بڑی زمین کی تزئین کی تصویروں سے مزین ہیں جو قریب کے وقفوں پر نصب ہیں، پتلی سیاہ قسم جو فریموں پر بمشکل نظر آتی ہے، اور ایک ہی روشن نارنجی لہجہ جس میں مونوکروم کو گھاس کے میدان میں الاؤ کی طرح توڑا جاتا ہے۔
- Faire ES — گرم کریم کا تھوک کیٹلاگ
- Adanola — سفید کاغذ پر ادارتی نظر کی کتاب۔ ایک فیشن شوٹ جہاں صاف سفید سطحوں پر ٹائپوگرافی اور فوٹو گرافی سانس لیتی ہے، ٹائپ فیس کے لیے کالی سیاہی اور ایک لطیف دستخط والے sans-serif فونٹ (Favorit) کے ساتھ، جو برانڈ کے مجموعی انداز کی عکاسی کرتا ہے۔
- Oura Ring — ایک آرام دہ دلیا بنانے والی ورکشاپ، نرم دن کی روشنی میں نہائی
- Stykka — سفید روشنی میں ایک اسکینڈینیوین ورکشاپ - ایک پرسکون، دستکاری سے بنایا ہوا شوروم جہاں صرف آواز ہی فوٹو گرافی ہے
- DJI — ایک الیکٹرک بلیو ہائی لائٹ کے ساتھ ایرو اسپیس بلیک کینوس
- Altitude Beverages — مونوکروم میگزین پھیل گیا۔ تصور کریں کہ فیشن میگزین تمام رنگوں سے چھین کر پھیلا ہوا ہے سوائے اسٹیل تصاویر کے — متن اور سفید جگہ پوری کہانی بیان کرتی ہے۔
- AATHER — ایک کھلی ہتھیلی، ایک ہی شعلہ - خاموشی میں موجود ایک پرسکون عیش و آرام
- Cowboy — برف کی سفید چینی مٹی کے برتن کی ترتیب میں بیلجیئم کی سائیکل گیلری۔ ایک شو روم جہاں دھندلا سطحیں، ادارتی مواد میں استعمال ہونے والے بڑے فونٹس، اور سجاوٹ کی مجازی عدم موجودگی سائیکل اور اس کے مواد کو اپنی طرف کھینچتی ہے۔
- Refero — سفید سنگ مرمر پر ادارتی ترتیب - ایک ٹائپوگرافر کے ذریعہ تخلیق کردہ پروڈکٹ کا صفحہ، جہاں سیرف کی سرخی برانڈ کا کالنگ کارڈ ہے، اور باقی سب کچھ بلا روک ٹوک ہے۔
- Face Formula — اسکینڈینیوین ایڈیٹوریل پورٹریٹ۔ ایک پرسکون، میگزین کی طرز کا پھیلاؤ، جہاں ماڈل کی نگاہیں اور سرخی، ایک کنڈینسڈ سیرف فونٹ میں لکھی گئی، ایک ٹھنڈے، دھندلے پس منظر کے خلاف اپنے لیے بولتی ہے۔
- Shupatto — سفید سنگ مرمر پر میوزیم ڈسپلے کیس