INO
Музейна витрина в тишина – всеки експонат се носи в бяло пространство, като отделен обект зад стъкло, ограден от почти черен, едва доловим шрифт
INO функционира като почти монохромна галерия с бижута: чисто бяло платно, едно-единствено, топло, почти черно мастило и почти пълна липса на цвят. Визуалната система третира всеки пръстен като музеен експонат – клинични снимки на продукти, плаващи в обширно негативно пространство, с йерархия, изградена чрез позиция, разстояние между буквите и обем на бялото, а не чрез мащаб или цвят на шрифта. Навигацията е разположена в долната част на страницата и се състои от четири точки с етикети (запълнени или празни), умишлено обръщане на традиционната горна лента за електронна търговия. Самата марка е набор от концентрични контури на пръстени, повтарящи формата на продукта и служещи като типографска скулптура, а не като лого.
Платно с пълна ширина без ограничение за максимална ширина на съдържанието. Главният екран заема цялата ширина на страницата, като фотографията и графиките са разделени равномерно (50/50). Продуктовите решетки се показват като редове с три колони с голям хоризонтален отстъп от ръба на прозореца за преглед. Долната навигация е центрирана и закотвена към долния колонтитул на страницата, а не е закачена. Разделянето на секции използва или редакционна фотография на цял екран, или чисто бяло пространство - никога цветна лента, разделителна линия или градиент. Вертикалният ритъм е свободен: 80/1/1 между основните секции, което позволява на страницата да диша, вместо да бъде изпълнена със съдържание. Няма странична лента, няма мегаменю, няма горна заглавна лента - логото "INO" е разположено единствено в горния ляв ъгъл на главния екран.
Два различни режима на показване на изображения съществуват едновременно: клинична продуктова фотография върху плосък, светлосив, безшевен фон (всеки пръстен е сниман центрирано, без ръце, стилизирани реквизити или повърхностни сенки - обектът е главният герой) и наративни редакционни изображения (пръстен в кутия, покрита с трева, ръка, държаща верига), рендирани като ненаситени, редакционни фрагменти на цял екран. Изображенията на продуктите служат като продуктови карти; редакционните изображения предават настроението на марката. И двата са монохромни или почти монохромни - тревата в основното изображение е единственият намек за зелено и дори той е приглушен до горски оттенък. В интерфейса не се използват икони - концентричен пръстен замества цялата иконография.
Палитра
Неутрален
- Obsidian Ink
#212123— Неутрални състояния на формуляра, текст на иконите и дискретна обратна връзка от потребителския интерфейс, където цветовите схеми трябва да останат ненатрапчиви. - Bone
#ffffff— Страници от платно, картонени повърхности, обърнат текст на тъмен фон. Доминиращата повърхност; почти целият уебсайт е разположен тук. - Carbon
#000000— Запълване на икони, декоративни графични контури и запълване на активното състояние за индикатора за навигационна точка. Използва се пестеливо за максимален тонален контраст с цвета „кост“. - Ash
#999999— Граници със среден контраст, контролни контури и структурни разделители. - Pebble
#a6a6a7— Приглушен поддържащ текст, тънки разделители за основния текст и вторичните метаданни. Най-светлият функционален сив цвят се използва за ценови етикети и съпътстващ текст, които трябва да отстъпят на заден план.
Типография
от 11 до 18px · 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 — Електрически монолит върху бетонната стена на галерията. Ривиан представя всяко превозно средство като скулптура на фона на огромно бяло пространство, с типография, толкова голяма, че се превръща в архитектурен елемент, и един-единствен топъл жълт цвят, който разчупва монохромната атмосфера, като слънчева светлина върху матова повърхност.