
Nike
Монохромна галерия със спортни постижения – бели стени, продуктът като произведение на изкуството, хром, разтворен във фона
Nike.com функционира като монохромна галерия, фокусирана върху продуктите: потребителският интерфейс е практически невидим, което позволява снимки на продукти да заемат всеки екран. Целият интерфейс е изграден от черно, бяло и три нюанса на сивото - без акцентни цветове, без декоративни градиенти, без топли, характерни хромирани преливки. Отличителният стил на Nike се крие в логото на галерията и снимките, но никога в самия потребителски интерфейс. Типографията е компактна и утилитарна, разчитайки на специално разработено семейство шрифтове Helvetica Now с размери 12-20px, с едно, голямо лого Nike Futura ND с размери 76px за заглавията. Компонентите са минималистични: бутони с форма на хапче с радиус от 30px, плоски продуктови карти, тънки рамки и практически нулеви разлики във височината. Страницата се редува между чисто бели продуктови повърхности и впечатляващи, тъмни редакционни секции, създавайки ритъм чрез контраст, а не чрез орнаменти.
Страницата следва стабилен редакционен ритъм: впечатляващ, тъмен заглавен файл с пълна ширина, включващ един продукт и голямо заглавие, последван от мрежа с категории 2x2 с пълна ширина, хоризонтално превъртаща се мрежа от карти на продукти в 3 колони и накрая плътен, многоколонен долен колонтитул. Всички блокове със съдържание заемат пълната ширина на прозореца за гледане без максимална ширина на контейнера; ограничението за максимална ширина се прилага само за навигацията и мрежата с връзки в долния колонтитул. Преходите между секциите са резки: черен заглавен файл → бяла мрежа с категории → бяла мрежа с продукти → бял долен колонтитул, с тесни сиви рамки, служещи като единствен визуален шев. Навигацията е минималистична, двустепенна лента (спомагателни връзки в горната част, основните категории центрирани) без закачване, без запълване на фона и без сянка. Плътността на съдържанието е компактна в продуктовите мрежи (стегнато разстояние между картите) и просторна в заглавния файл (прозорец за гледане с пълна ширина).
Фотографията е доминиращият визуален елемент и определя цялостната идентичност на марката. Системата използва висококачествени, пълнокадрови продуктови снимки: спортни обувки, снимани поотделно на тъмен или градиентен фон, изрязани, за да запълнят кадъра, без лайфстайл контекст. Лайфстайл изображенията се появяват в рамките на категории, показвайки стъпалата и краката на спортисти в движение. Използва се висококонтрастна, наситена цветова схема - червени обувки на черен фон, неонови акценти върху бели подметки и топло и студено осветление за драматизиране на материалите. Не се използват илюстрации, абстрактна графика или 3D рендеринг. Изображенията винаги имат чисти ръбове (без заоблени ъгли в контейнерите за снимки), винаги заемат цялото пространство в рамките на своите блокове и винаги са придружени от минимално текстово наслагване. Иконографията е чисто функционална: контурни икони за търсене, списък с желания, количка и акаунт в цветове Obsidian или Steel.
Палитра
Неутрален
- 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 — модерна галерия с бели стени