Allbirds
Естествени материали върху бял лен
Allbirds работи със спокойна, естествена увереност – почти изцяло ахроматично платно, допълнено от топъл пясък (#e0dacf) и приглушени земни тонове, извлечени директно от продуктова фотография. Потребителският интерфейс не пречи на изживяването с продукта: бели повърхности, тънки рамки, навигация само с главни букви и контроли с форма на хапчета, които се усещат по-скоро като физически бутони, отколкото като уеб елементи. Self Modern (персонализиран серифен шрифт) се използва за малкото ключови моменти, изискващи редакционно внимание – заглавия и имена на колекции – докато Geograph се използва за всяка буква, основен текст и бутон в три балансирани тегла. Картите с категории се превръщат в цветова система: всяка взема своя фонов оттенък от представения продукт, превръщайки навигацията в жива Pantone палитра.
Максималната ширина е ~1200px, центрирана с щедро странично подравняване. Основният елемент е редакционна лента с пълна ширина на топъл пясъчен фон с голяма продуктова въртележка, излъчваща се от центъра. Навигацията по категории е мрежа от четири еднакви цветни карти в четири колони, всяка от които съдържа един центриран модел обувка. Под сгъвката оформлението се редува между разделени панели с пълна ширина (лайфстайл снимка отляво + мостра на продукт отдясно) и центрирани продуктови въртележки под малко, подчертано заглавие на секцията. Общият ритъм е: редакционен панел с пълна ширина → решетка с четири колони → центрирана продуктова въртележка → разделена с две колони → центрирана продуктова въртележка. Разстоянието между секциите е 40-56px, което създава ефирни, но не и прекалено големи преходи. Навигацията е минималистична, фиксирана горна лента с центрирани основни връзки.
Фотографията е цялата визуална система. Всички снимки на продукти са в близък план, от лек ъгъл, на едноцветен фон, който съответства или допълва акцентния цвят на обувката, като по този начин ефективно превръща всяка снимка в цветно изследване. Снимките на лайфстайла са заснети в топли, слънчеви тонове, в естествена обстановка (агаве полета, дървени тераси, неравен терен), фино приглушени, за да съответстват на приглушената палитра. Няма илюстрации, 3D рендери, абстрактна графика. В сътрудничество с Pantone, буквалната цветова палитра е използвана като графичен елемент. Иконографията е минималистична и монохромна (контурни икони в навигационни и помощни позиции).
Палитра
Неутрален
- Canvas White
#ffffff— Фонови изображения на страници, повърхности на карти, фонови изображения на продуктови карти. - Charcoal
#212121— Поддържа се неутрален цвят за вторични елементи на потребителския интерфейс, разделители и заглушени етикети. Той не трябва да се използва като основен цвят за подканващи фрази. - True Black
#000000— Заглавия, икони, рамки с висок контраст, текст за навигация. - Warm Sand
#e0dacf— Фон на основната секция, допълнителна повърхностна сянка, големи редакционни панели. - Olive Char
#222519— Поддържа се неутрален цвят за вторични елементи на потребителския интерфейс, разделители и заглушени етикети. Той не трябва да се използва като основен цвят за подканващи фрази. - 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 · Рядко се използва като резервен или специален етикет за бутон. Geograph използва тази система ежедневно.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | гъст |
| Основна стъпка | 8-16px |
| Радиус на бутона | 9999px (pill) |
| Радиус на картата | 16px |
| Сенки | не - рамки вместо сенки |
| Между секциите | 40-56px |
| Ширина на страницата | 1200px |
Изкуственият интелект ще изгради вашия уебсайт в стил Allbirds и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Lightship — Кинематографична диорама на открития път. Топли кремави стени на галерията, украсени с големи пейзажни фотографии, монтирани на малки интервали, тънък черен шрифт, едва видим по рамките, и един-единствен яркооранжев акцент, нарушаващ монохрома като огън на поляна.
- Faire ES — каталог на едро с топъл крем
- Adanola — Редакционен lookbook на бяла хартия. Модна фотосесия, където типографията и фотографията дишат върху чисти бели повърхности, с черно мастило за шрифта и фин, отличителен шрифт без сериф (Favorit), отразяващ цялостния стил на марката.
- Oura Ring — Уютна работилница за приготвяне на овесени ядки, окъпана в мека дневна светлина
- Stykka — Скандинавска работилница в бяла светлина – тих, ръчно изработен шоурум, където единственият глас е фотографията
- DJI — аерокосмическо черно платно с един електриково син акцент
- Altitude Beverages — Монохромен разворот на списание. Представете си разворот на модно списание, лишен от всички цветове, с изключение на снимките – текстът и бялото пространство разказват цялата история.
- AATHER — Отворена длан, един-единствен пламък - тих лукс, обгърнат в тишина
- Cowboy — Белгийска галерия за велосипеди в снежнобяла порцеланова обстановка. Шоурум, където матовите повърхности, големите шрифтове, използвани в редакционните материали, и практически липсата на декорация привличат погледа към велосипеда и неговото съдържание.
- Refero — Редакционно оформление върху бял мрамор - продуктова страница, създадена от типограф, където заглавието със сериф е визитната картичка на марката, а всичко останало е ненатрапчиво
- Face Formula — Скандинавски редакционен портрет. Спокойна, в стил списание, страница, където погледът на модела и заглавието, написани с кондензиран серифен шрифт, говорят сами за себе си на хладен, мъглив фон.
- Shupatto — Музейна витрина от бял мрамор