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 · Насловите и уредничките текстови се користат штедливо, истакнувајќи ги клучните фрази и насловите на збирките. Сериф и курзивните фонтови ја разбиваат монотонијата на sans-serif фонтовите и ја пренесуваат пораката: „Ова е суштината на приказната“.
- 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 — Музејска витрина на бел мермер