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