INO
Музейдин көргөзмөсү жымжырттыкта – ар бир экспонат ак мейкиндикте калкып жүрөт, айнектин артындагы жалгыз буюмдай, дээрлик кара, араң угулган шрифт менен курчалган.
INO дээрлик монохром зергер буюмдарынын галереясы катары иштейт: ачык ак полотно, бир даана, жылуу, дээрлик кара сыя жана түстүн дээрлик жок болушу. Визуалдык система ар бир шакекти музей экспонаты сыяктуу карайт — клиникалык продуктунун сүрөттөрү кең терс мейкиндикте калкып жүрөт, иерархия шрифттин масштабы же түсү аркылуу эмес, позиция, тамгалардын аралыгы жана ак түстүн көлөмү аркылуу курулат. Навигация барактын төмөн жагында жайгашкан, ал төрт чекиттен турат, анда этикеткалары (толтурулган же бош) бар, бул салттуу электрондук коммерциянын жогорку тилкесинин атайылап тескери бурулушу. Бренд белгисинин өзү концентрдик шакек контурларынын жыйындысы болуп саналат, ал продуктунун формасын чагылдырат жана логотип эмес, типографиялык скульптура катары кызмат кылат.
Толук туурасындагы полотно, максималдуу мазмундун туурасынын чеги жок. Негизги экран барактын толук туурасын ээлейт, ал эми сүрөт жана графика бирдей бөлүнгөн (50/50). Продукциянын торчолору үч тилкелүү саптар катары көрсөтүлөт, алардын четинен горизонталдуу жээкчелер чоң. Төмөнкү навигация борборлоштурулуп, барактын төмөнкү колонтитулуна бекитилген, бирок кадалган эмес. Бөлүмдөрдүн үзүлүшү толук экрандуу редакциялык сүрөткө тартууну же таза ак боштукту колдонот — эч качан түстүү тилке, бөлүүчү сызык же градиент болбойт. Вертикалдык ритм эркин: негизги бөлүмдөрдүн ортосунда 80/1/1, бул барактын мазмун менен толтурулушунун ордуна дем алышына мүмкүндүк берет. Каптал тилке, мега-меню, үстүнкү колонтитул тилкеси жок — "INO" логотиби негизги экрандын жогорку сол бурчунда гана жайгашкан.
Сүрөттөрдү көрсөтүүнүн эки башка режими бирге жашайт: жалпак, ачык боз, бир калыптагы фондо клиникалык продуктунун сүрөтү (ар бир шакек борборлоштурулуп, колдорсуз, стилдештирилген реквизиттерсиз же беттик көлөкөлөрсүз сүрөткө тартылат — объект башкы каарман) жана баяндоочу редакциялык сүрөттөр (чөп менен капталган кутудагы шакек, чынжыр кармаган кол), каныкпаган, толук экрандуу редакциялык фрагменттер катары көрсөтүлөт. Продукциянын сүрөттөрү продукттун карталары катары кызмат кылат; редакциялык сүрөттөр бренддин маанайын чагылдырат. Экөө тең монохромдуу же дээрлик монохромдуу — негизги сүрөттөгү чөп жашыл түстүн жалгыз белгиси, ал тургай ал токойдун өңүнө чейин басаңдатылган. Интерфейсте сүрөтчөлөр колдонулбайт — концентрдик шакек символу бардык иконографияны алмаштырат.
Түстөр палитрасы
Нейтралдуу
- Obsidian Ink
#212123— Нейтралдуу форма абалдары, сөлөкөт тексти жана түс схемалары байкалбай калышы керек болгон жашыруун UI пикири. - 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 — Галереянын бетон дубалындагы электр монолит. Ривиан ар бир унааны кең ак мейкиндикке фон катары көрсөтөт, типографиясы ушунчалык чоң болгондуктан, архитектуралык элементке айланат жана бир түстүү жылуу сары түс монохроматикалык атмосфераны бузуп, күңгүрт беттеги күн нуру сыяктуу.