Allbirds
په سپینو کتان باندې طبیعي مواد
آل برډز د ارام، طبیعي باور سره کار کوي — تقریبا په بشپړ ډول اکرومیټیک کینوس، د ګرمې شګې (#e0dacf) او د ځمکې خاموش ټونونو سره بشپړ شوی چې مستقیم د محصول عکس اخیستنې څخه اخیستل شوی. د کارونکي انٹرفیس د محصول تجربې سره مداخله نه کوي: سپینې سطحې، پتلې پولې، ټول کیپس نیویګیشن، او د ګولۍ شکل لرونکي کنټرولونه چې د ویب عناصرو په پرتله د فزیکي تڼیو په څیر احساس کوي. سیلف ماډرن (یو دودیز سیرف فونټ) د څو مهمو شیبو لپاره کارول کیږي چې اداری پاملرنې ته اړتیا لري — سرلیکونه او د راټولولو نومونه — پداسې حال کې چې جیوګراف د هر لیک، بدن کاپي، او تڼۍ لپاره په دریو متوازن وزنونو کې کارول کیږي. د کټګورۍ کارتونه د رنګ سیسټم کیږي: هر یو د ځانګړي محصول څخه خپل شالید رنګ اخلي، نیویګیشن په ژوندۍ پینټون پیلټ بدلوي.
اعظمي پلنوالی یې ~۱۲۰۰ پکسله دی، چې د پراخ اړخ پیډینګ سره متمرکز دی. اصلي عنصر یې د ګرمې شګې شالید کې د بشپړ پلنوالي اداری پټه ده چې د مرکز څخه د محصول لوی کیروسل خپریږي. د کټګورۍ نیویګیشن په څلورو ستنو کې د څلورو ورته رنګه کارتونو گرډ دی، چې هر یو یې د بوټانو یو واحد متمرکز ماډل لري. د پوښ لاندې، ترتیب د بشپړ پلنوالي ویشل شوي پینلونو (په چپ اړخ کې د ژوند طرز عکس + په ښي خوا کې د محصول نمونه) او د کوچني، لاندې شوي برخې سرلیک لاندې د محصول کیروسلونو مرکز ترمنځ بدلیږي. ټولیز تال دا دی: د بشپړ پلنوالي اداری پینل → څلور کالم گرډ → د محصول کیروسل مرکز → دوه کالم ویش → د محصول کیروسل مرکز. د برخو ترمنځ فاصله 40-56 پکسله ده، چې هوا لرونکي مګر ډیر نه لیږدونه رامینځته کوي. نیویګیشن یو لږترلږه، ثابت سر بار دی چې متمرکز لومړني لینکونه لري.
عکاسي د ټول بصري سیسټم دی. د محصول ټول عکسونه له نږدې څخه دي، له یوې کوچنۍ زاویې څخه، د یوې قوي شالید په وړاندې چې د بوټانو د تلفظ رنګ سره سمون لري یا بشپړوي، په مؤثره توګه هر عکس د رنګ مطالعې ته اړوي. د ژوند طرز عکسونه په ګرمو، لمریزو ټونونو کې، په طبیعي ترتیباتو کې اخیستل شوي (د اګاو ساحې، د لرګیو ډیکونه، ناڅاپه ځمکه)، په نرمۍ سره خاموش شوي ترڅو د خاموش شوي پیلټ سره سمون ولري. هیڅ انځور نشته، هیڅ 3D رینډرونه نشته، هیڅ خلاص ګرافیک نشته. د پینټون سره په همکارۍ، لفظي رنګ پیلټ د ګرافیک عنصر په توګه کارول کیږي. عکس العمل لږترلږه او مونوکروم دی (په نیویګیشن او مرستندویه موقعیتونو کې د خاکې عکسونه).
پالټ
بې طرفه
- Canvas White
#ffffff— د پاڼې د شالید انځورونه، د کارت سطحې، د محصول د کارت د شالید انځورونه. - Charcoal
#212121— د ثانوي UI عناصرو، ویشونکو، او خاموش لیبلونو لپاره یو بې طرفه رنګ ملاتړ کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي. - True Black
#000000— سرلیکونه، شبیهونه، لوړ برعکس چوکاټونه، نیویګیشن متن. - Warm Sand
#e0dacf— د اصلي برخې شالید، د سطحې اضافي سیوري، لوی اداری تختې. - Olive Char
#222519— د ثانوي UI عناصرو، ویشونکو، او خاموش لیبلونو لپاره یو بې طرفه رنګ ملاتړ کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي. - Iron Gray
#525252— دوهم متن، مرستندویه متن، بې خنډه چوکاټونه.
ټایپوګرافي
له ۱۲ څخه تر ۴۰ پکسله پورې · ۶ ګامونه
- 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 — د سپین مرمر په اړه د موزیم د نندارې قضیه