INO
Мұражайдың витриналары үнсіз – әрбір экспонат ақ кеңістікте, әйнектің артындағы жалғыз зат сияқты, қара түсті, әрең естілетін қаріппен қоршалған қалқып тұр.
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 сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Airbnb — Маржан қызыл түсті бір бетбелгісі бар тыныш ақ галерея қабырғасы
- Peak Design — Жартылай жарықтандырылған галерея қабырғасы
- 099 SUPPLY — Ақ-қара заттарға толы галерея қабырғасы
- Apple (España) — ақ галереялық дисплей қорабы
- Apple (España) — Таңертеңгі тұмандағы галерея терезесі
- Custo — Монолитті қаріпі бар гантель түсті галерея. Бірыңғай қара нысан мен 57 пиксель қаріпі өздері үшін сөйлейтін сұр-жасыл реңктердегі көрме залы.
- Silencio — Қалқымалы артефактілері бар ақ бөлме. Жылы қағаздан жасалған галереялық көрме, онда әрбір элемент теріс көлем фонында өз орнын алады, ал тыныштық - әдейі жасалған дизайн шешімі.
- Oakâme — Жылы тастан ойылған күн сәулесімен безендірілген Прованс шеберханасы
- Nike — Спорттық жетістіктердің монохромды галереясы – ақ қабырғалар, өнер туындысы ретіндегі өнім, хром фонда еріген
- Sociotype — Ақ қағазға басылған типтік мұражай үлгісі
- Arc — түн ортасындағы су үстіндегі индустриалды ақ галерея
- Rivian — Галереяның бетон қабырғасындағы электрлік монолит. Ривиан әрбір көлікті кең ақ кеңістікке салынған мүсін ретінде ұсынады, типографиясы сәулет элементіне айналатындай үлкен және күңгірт беттегі күн сәулесі сияқты монохроматикалық атмосфераны бұзатын жалғыз жылы сары түс.