
Nike
Монохроматска галерија на спортски достигнувања – бели ѕидови, производот како уметничко дело, хром растворен во позадина
Nike.com функционира како монохроматска галерија, првенствено ориентирана кон производот: корисничкиот интерфејс е практично невидлив, дозволувајќи фотографиите од производите да го заземат секој екран. Целиот интерфејс е конструиран од црна, бела и три нијанси на сива боја - без акцентни бои, без декоративни градиенти, без топол, препознатлив хром. Препознатливиот стил на Nike живее во логото на галеријата и фотографиите, но никогаш во самиот кориснички интерфејс. Типографијата е компактна и утилитарна, потпирајќи се на специјално дизајнирано семејство фонтови Helvetica Now од 12-20px, со едно, преголемо лого Nike Futura ND од 76px за наслови. Компонентите се минималистички: копчиња во облик на апчиња со радиус од 30px, рамни картички за производи, тенки рамки и практично нулта разлика во висината. Страницата се менува помеѓу чисто бели површини на производите и впечатливи, темни уреднички делови, создавајќи ритам преку контраст, а не преку орнаменти.
Страницата следи робустен уреднички ритам: впечатлив, темен заглавие со полна ширина, со еден производ и голем наслов, проследено со мрежа со категории 2x2 со полна ширина, хоризонтално скролувачка мрежа од картички на производи во 3 колони и, конечно, густо подножје со повеќе колони. Сите блокови на содржина ја зафаќаат целата ширина на прозорецот за преглед без максимална ширина на контејнерот; ограничувањето за максимална ширина важи само за мрежата за навигација и врски на подножјето. Транзициите помеѓу деловите се остри: црн заглавие → бела мрежа на категории → бела мрежа на производи → бело подножје, со тесни сиви граници што служат како единствен визуелен спој. Навигацијата е минималистичка, двостепена лента (помошни врски на врвот, примарни категории центрирани) без закачување, без пополнување на позадината и без сенка. Густината на содржината е компактна во мрежите на производите (мал растојание помеѓу картичките) и пространа во заглавието (прозорец за преглед со полна ширина).
Фотографијата е доминантен визуелен елемент и го дефинира целиот идентитет на брендот. Системот користи висококвалитетни фотографии од производи со целосен кадар: спортски чевли фотографирани поединечно на темна или градиентна позадина, исечени за да го пополнат кадарот, без контекст на животен стил. Сликите од животен стил се појавуваат во категории, прикажувајќи ги стапалата и нозете на спортистите во движење. Се користи шема на бои со висок контраст, заситена - црвени чевли на црна позадина, неонски акценти на бели ѓонови и топло и ладно осветлување за драматизирање на материјалите. Не се користат илустрации, апстрактна графика или 3D рендери. Сликите секогаш имаат чисти рабови (без заоблени агли во фото контејнерите), секогаш го зафаќаат целиот простор во нивните блокови и секогаш се придружени со минимално преклопување на текст. Иконографијата е чисто функционална: икони за контури за пребарување, листа на желби, кошничка и сметка во бои на обсидијан или челик.
Палета
Неутрално
- Obsidian
#111111— Темната боја го надополнува неутралниот текст и иконите и создава силен контраст. Избегнувајте да ја користите како примарна боја за повици за акција. - Paper White
#ffffff— Позадина на страницата, површина на картичката, текст на копчето на темна позадина, контура на иконата - стандардното платно за мрежи на производи и делови од категориите. - Concrete Gray
#e5e5e5— Рабови, разделувачи, тенки линии што ги одделуваат деловите од мрежата, суптилни контури на полињата за внесување. - Soft Mist
#f5f5f5— Суптилна боја на позадина за секундарни површини, пополнување на полето за пребарување во навигацијата, позадина на ознака. - Steel
#707072— Секундарен текст, пригушен помошен текст, намалени контури на икони, етикети во форма на лебни трошки, разделувачи на врски во подножјето. - Faint Gray
#9e9ea0— Контурите на иконите, помалите елементи на корисничкиот интерфејс и границите со минимално истакнување се оневозможени.
Типографија
од 12 до 76px · 6 чекори
- Helvetica Now Text Medium — замена: Inter · контури 500 · Фонт Helvetica Now Text Medium - пронајден во извлечените податоци, но не е опишан од вештачката интелигенција.
- Helvetica Now Text — замена: Inter or Helvetica Neue · контури 400, 500 · Главниот текст на корисничкиот интерфејс - навигациски линкови, етикети на копчиња, наслови на картички, имиња на производи, листи во подножјето, целиот текст на телото.
- Helvetica Now Display Medium — замена: Inter Medium or Helvetica Neue Medium · контури 500 · Наслови на секции, етикети на категории на картички, наслови со средна големина - Средниот фонт (20-24px) е белег на насловите на Nike кои не се големи елементи на дизајнот: никогаш задебелени, секогаш концизни.
Интервали и форма
| Намена | Значење |
|---|---|
| Густина | густ |
| Основен чекор | 8px |
| Радиус на копчето | 30px |
| Радиус на картичката | 0px |
| Сенки | без граници наместо сенки |
| Помеѓу деловите | 48px |
| Ширина на страницата | 1440px |
Вештачката интелигенција ќе ја изгради вашата веб-страница во стилот Nike и ќе ја пополни
- Пополнете со производи и објави преку линкот - Instagram, TikTok, Facebook.
- Пренесете содржина од вашата стара страница - само наведете ја адресата.
- Модерен дизајн на најдобриот мотор: React ( Next.js) со рендерирање на серверот и SEO оптимизација веднаш.
- Целосно автоматизирана SEO оптимизација за резултати од пребарување и препораки за невронски мрежи.
Слични стилови
- Airbnb — Тивок бел галериски ѕид со еден корално црвен обележувач
- Apple (España) — бела галериска витрина
- Silencio — Бела соба со лебдечки артефакти. Галериски приказ направен од топла хартија, каде што секој елемент го зазема своето место наспроти позадина со негативен волумен, а тишината е намерна дизајнерска одлука.
- Oakâme — Провансалска работилница натопена со сонце, издлабена од топол камен
- Arc — индустриска бела галерија над полноќна вода
- Rivian — Електричен монолит на бетонскиот ѕид на галеријата. Ривиан го претставува секое возило како скулптура на огромен бел простор, со типографија толку голема што станува архитектонски елемент, и единствена топла жолта боја што ја разбива монохроматската атмосфера, како сончева светлина на мат површина.
- Analogue — Црна галериска витрина – стоката лебди во празнината
- ddna — топла музејска витрина на необработен лен
- Zellerfeld — Скулпторска работилница на бел мермер - монолитните површини на пиедесталот, една искра кобалт, шепот од мали букви од подот до таванот
- UY Studio — Камената галерија на манастирот е тивок простор со бетонски ѕидови, каде што шишиња од парфем стојат на бели постоља, осветлени со една светилка од 400 вати и четири топли сиви светилки.
- Basic.Space — кураторска галерија на бел мермер
- COS — модерна галерија со бели ѕидови