INO
Музејска витрина у тишини – сваки експонат лебди у белом простору, попут једног предмета иза стакла, уоквирен готово црним, једва чујним фонтом
ИНО функционише као готово монохроматска галерија накита: оштро бело платно, једно, топло, готово црно мастило и готово потпуно одсуство боје. Визуелни систем третира сваки прстен као музејски предмет – фотографије клиничких производа лебде у пространом негативном простору, са хијерархијом конструисаном кроз положај, размак између слова и запремину беле, а не кроз размеру фонта или боју. Навигација се налази на дну странице, састоји се од четири тачке са ознакама (попуњеним или празним), намерним преокретом традиционалне горње траке е-трговине. Сам заштитни знак бренда је скуп концентричних контура прстена, које одражавају облик производа и служе као типографска скулптура, а не као лого.
Платно пуне ширине без ограничења максималне ширине садржаја. Главни екран заузима целу ширину странице, са фотографијама и графиком равномерно подељеним (50/50). Мреже производа се приказују као редови са три колоне са великодушном хоризонталном маргином од ивице приказног дела. Доња навигација је центрирана и усидрена за подножје странице, уместо да буде закачена. Преломи одељака користе или уредничку фотографију преко целог екрана или чисти бели простор - никада траку боја, линију раздвајања или градијент. Вертикални ритам је слободан: 80/1/1 између главних одељака, што омогућава страници да дише уместо да буде испуњена садржајем. Нема бочне траке, нема мега-менија, нема горње траке заглавља - лого „INO“ се налази искључиво у горњем левом углу главног екрана.
Два различита начина приказивања слике коегзистирају: клиничка фотографија производа на равној, светлосивој, бешавној позадини (сваки прстен је фотографисан центрирано, без руку, стилизованих реквизита или површинских сенки — објекат је протагониста) и наративне уредничке слике (прстен у кутији обложеној травом, рука која држи ланац), приказане као незасићени, уреднички фрагменти преко целог екрана. Слике производа служе као картице производа; уредничке слике преносе расположење бренда. Обе су монохроматске или скоро монохроматске — трава на главној слици је једини наговештај зелене, па чак и то је пригушено у шумску нијансу. Иконе се не користе у интерфејсу — концентрични симбол прстена замењује сву иконографију.
Палета
Неутрално
- Obsidian Ink
#212123— Неутрална стања форме, текст икона и дискретне повратне информације корисничког интерфејса где шеме боја треба да остану неупадљиве. - Bone
#ffffff— Платнене странице, картонске површине, обрнути текст на тамној позадини. Доминантна површина; скоро цела веб страница се налази овде. - Carbon
#000000— Попуњавање икона, декоративни графички обриси и попуњавање активног стања за индикатор тачке навигације. Користи се штедљиво ради максималног тонског контраста са бојом „кости“. - Ash
#999999— Средње контрастне ивице, контролне контуре и структурне преграде. - Pebble
#a6a6a7— Пригушен пратећи текст, танки сепаратори за главни текст и секундарни метаподаци. Најсветлија функционална сива боја се користи за цене и пратећи текст који треба да се повуче у позадину.
Типографија
од 11 до 18 пиксела · 4 корака
- Sequel100Wide — замена: Jost (400 · обриси 400 · Једини корпоративни фонт који се користи искључиво у тежини од 400 у свим контекстима – навигација, текст, заглавља, наслови, цене и натписи. Широко размакнути геометријски симбол са издашним размаком између слова одражава цео корпоративни стил. Недостатак подебљане тежине је намерно: хијерархија се постиже великим словима, размаком између слова и позиционирањем, а не варирањем тежине фонта.
- Arial — замена: system-ui · обриси 400 · Резервна опција за приказивање дугмади на нивоу целог система у застарелим контекстима. Није део брендирања — појављује се само ако се Sequel100Wide не учита.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | густ |
| Основни корак | 23px |
| Радијус дугмета | 50px |
| Радијус картице | 8px |
| Сенке | не - ивице уместо сенки |
| Између одељака | 80-120px |
Вештачка интелигенција ће изградити ваш веб сајт у INO стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- Airbnb — Тихи бели галеријски зид са једним корално црвеним обележивачем
- Peak Design — Галеријски зид, делимично осветљен
- 099 SUPPLY — Галеријски зид испуњен црно-белим предметима
- Apple (España) — бела витрина за галерију
- Apple (España) — Прозор галерије у јутарњој магли
- Custo — Галерија боје оружја са монолитним фонтом. Изложбени салон у пригушеним сиво-зеленим тоновима, где један тамни објекат и фонт величине 57px говоре сами за себе.
- Silencio — Бела соба са плутајућим артефактима. Галеријска поставка направљена од топлог папира, где сваки елемент заузима своје место на позадини негативне запремине, а тишина је намерна дизајнерска одлука.
- Oakâme — Провансалска радионица обасјана сунцем, исклесана од топлог камена
- Nike — Монохроматска галерија спортских достигнућа – бели зидови, производ као уметничко дело, хром растворен у позадини
- Sociotype — Типичан музејски примерак на белом папиру
- Arc — Индустријска бела галерија изнад поноћне воде
- Rivian — Електрични монолит на бетонском зиду галерије. Ривијан представља свако возило као скулптуру насупрот огромном белом простору, са типографијом толико великом да постаје архитектонски елемент, и једном топлом жутом бојом која разбија монохроматску атмосферу, попут сунчеве светлости на мат површини.