Allbirds
Ağ kətan üzərində təbii materiallar
Allbirds sakit, təbii bir inamla işləyir - demək olar ki, tamamilə axromatik bir kətan, isti qum (#e0dacf) və məhsul fotoqrafiyasından birbaşa çəkilmiş solğun torpaq tonları ilə tamamlanır. İstifadəçi interfeysi məhsul təcrübəsinə mane olmur: ağ səthlər, nazik haşiyələr, böyük hərflərlə naviqasiya və veb elementlərindən daha çox fiziki düymələrə bənzəyən həb formalı idarəetmə elementləri. Self Modern (xüsusi serif şrift) redaksiya diqqətini tələb edən bir neçə vacib məqam - başlıqlar və kolleksiya adları üçün istifadə olunur, Geograph isə hər hərf, əsas mətn və düymə üçün üç balanslaşdırılmış çəkidə istifadə olunur. Kateqoriya kartları rəng sisteminə çevrilir: hər biri öz fon rəngini seçilmiş məhsuldan alır və naviqasiyanı canlı Pantone palitrasına çevirir.
Maksimum eni ~1200 pikseldir, mərkəzdə geniş yan örtüklə əhatə olunmuşdur. Əsas element isti qum fonunda tam enli redaksiya zolağıdır və mərkəzdən yayılan böyük bir məhsul karuseli var. Kateqoriya naviqasiyası, hər biri tək mərkəzləşdirilmiş ayaqqabı modelini ehtiva edən dörd sütunda dörd eyni rəngli kartdan ibarət bir şəbəkədir. Qatlanmanın altında, düzülüş tam enli bölünmüş panellər (solda həyat tərzi fotosu + sağda məhsul nümunəsi) və kiçik, altından xətt çəkilmiş bölmə başlığı altında mərkəzləşdirilmiş məhsul karuselləri arasında dəyişir. Ümumi ritm belədir: tam enli redaksiya paneli → dörd sütunlu şəbəkə → mərkəzləşdirilmiş məhsul karuseli → iki sütunlu bölünmüş → mərkəzləşdirilmiş məhsul karuseli. Bölmələr arasındakı məsafə 40-56 pikseldir, bu da havadar, lakin həddindən artıq keçidlər yaratmır. Naviqasiya, mərkəzləşdirilmiş ilkin keçidləri olan minimalist, sabit üst paneldir.
Fotoqrafiya bütün vizual sistemdir. Bütün məhsul şəkilləri yaxın planda, kiçik bir bucaq altında, ayaqqabının vurğu rənginə uyğun və ya onu tamamlayan möhkəm bir fonda çəkilir və bu da hər bir fotonu effektiv şəkildə rəng tədqiqatına çevirir. Həyat tərzi fotoları isti, günəşli tonlarda, təbii şəraitdə (agava tarlaları, taxta göyərtələr, kobud ərazi) çəkilir və zəif palitraya uyğunlaşmaq üçün incə şəkildə səssizləşdirilir. İllüstrasiyalar, 3D renderlər, mücərrəd qrafika yoxdur. Pantone ilə əməkdaşlıq çərçivəsində hərfi rəng palitrası qrafik element kimi istifadə olunur. İkonoqrafiya minimalist və monoxromdur (naviqasiya və köməkçi mövqelərdə kontur nişanları).
Palitra
Neytral
- Canvas White
#ffffff— Səhifə fon şəkilləri, kart səthləri, məhsul kartı fon şəkilləri. - Charcoal
#212121— İkinci dərəcəli UI elementləri, bölücülər və səssiz etiketlər üçün neytral rəng dəstəklənir. Hərəkətə çağırışlar üçün əsas rəng kimi istifadə edilməməlidir. - True Black
#000000— Başlıqlar, nişanlar, yüksək kontrastlı çərçivələr, naviqasiya mətni. - Warm Sand
#e0dacf— Əsas hissənin arxa planı, əlavə səth kölgəsi, böyük redaksiya panelləri. - Olive Char
#222519— İkinci dərəcəli UI elementləri, bölücülər və səssiz etiketlər üçün neytral rəng dəstəklənir. Hərəkətə çağırışlar üçün əsas rəng kimi istifadə edilməməlidir. - Iron Gray
#525252— İkinci dərəcəli mətn, köməkçi mətn, gözə çarpmayan çərçivələr.
Tipoqrafiya
12-dən 40 pikselə qədər · 6 addım
- Self Modern — əvəzetmə: Playfair Display · konturlar 400 · Başlıqlar və redaksiya məqalələri az istifadə olunur, əsas ifadələr və kolleksiya başlıqları vurğulanır. Serif və kursiv şriftlər sans-serif şriftlərin monotonluğunu pozur və "Hekayənin mahiyyəti budur" mesajını çatdırır.
- Geograph — əvəzetmə: Inter · konturlar 400, 500, 700 · İstifadəçi interfeysi üçün əsas şriftə əsas mətn, naviqasiya etiketləri, düymələr, məhsul başlıqları, altbilgilər, giriş sahələri və nişanlar daxildir. Vurğulanmış başlıqlar üçün 500, məhsul adları üçün 700. Naviqasiya etiketlərində və kateqoriyalarında böyük hərflərlə yazılmış geniş hərf aralığı (0.025em–0.10em) vahid brend stili yaradır.
- HurmeGeometricSans3 — əvəzetmə: Inter · konturlar 400 · Nadir hallarda ehtiyat və ya düymə üçün xüsusi etiket kimi istifadə olunur. Geograph bu sistemdən gündəlik istifadə edir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 8-16px |
| Düymə radiusu | 9999px (pill) |
| Kart radiusu | 16px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 40-56px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Allbirds üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Lightship — Açıq yolun kinematoqrafik dioraması. Yaxın məsafələrdən quraşdırılmış böyük mənzərə fotoşəkilləri ilə bəzədilmiş isti krem rəngli qalereya divarları, çərçivələrdə çətinliklə görünən nazik qara şriftlər və çəmənlikdə tonqal kimi monoxromu pozan tək bir parlaq narıncı vurğu.
- Faire ES — isti kremin topdansatış kataloqu
- Adanola — Ağ kağız üzərində redaksiya lookbook. Tipoqrafiya və fotoqrafiyanın təmiz ağ səthlərdə nəfəs aldığı, şrift üçün qara mürəkkəb və brendin ümumi stilini əks etdirən incə imzalı sans-serif şrift (Favorit) ilə moda fotosessiyası.
- Oura Ring — Yumşaq gün işığında yulaf ezmesi hazırlamaq üçün rahat bir emalatxana
- Stykka — Ağ işıqda Skandinaviya emalatxanası – səsin yalnız fotoqrafiya olduğu sakit, əl işi sərgi salonu
- DJI — tək elektrik mavi işıqlandırma ilə aerokosmik qara kətan
- Altitude Beverages — Monoxrom jurnal lenti. Şəkillərdən başqa bütün rəngləri çıxarılmış bir moda jurnal lentini təsəvvür edin - mətn və ağ boşluq bütün hekayəni izah edir.
- AATHER — Açıq xurma, tək alov - sükut içində gizlənmiş sakit bir lüks
- Cowboy — Qar kimi ağ çini mühitdə Belçika velosiped qalereyası. Mat səthlərin, redaksiya materiallarında istifadə edilən böyük şriftlərin və dekorasiyanın faktiki olaraq olmamasının diqqəti velosipedə və onun içindəkilərə cəlb etdiyi sərgi salonu.
- Refero — Ağ mərmər üzərində redaksiya düzeni - tipoqraf tərəfindən yaradılan, serif başlığı brendin vizit kartı olduğu və qalan hər şeyin gözə çarpmadığı bir məhsul səhifəsi
- Face Formula — Skandinaviya redaksiya portreti. Sakit, jurnal üslubunda bir portret, sərin və dumanlı bir fonda modelin baxışları və qısaldılmış serif şriftlə yazılmış başlıq özləri üçün danışır.
- Shupatto — Ağ mərmər üzərində muzey vitrinləri