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 — Электрычны маналіт на бетоннай сцяне галерэі. Rivian уяўляе кожны аўтамабіль як скульптуру на фоне велізарнай белай прасторы, з друкаркай настолькі буйнай, што яна становіцца архітэктурным элементам, і адным цёплым жоўтым колерам, які парушае манахромнасць, падобна сонечнаму святлу на матавай паверхні.