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, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: 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 — Монолити барқӣ дар девори бетонии галерея. Ривиан ҳар як воситаи нақлиётро ҳамчун муҷассама дар паҳлӯи фазои сафеди васеъ муаррифӣ мекунад, ки типографияи он қадар калон аст, ки ба унсури меъморӣ табдил меёбад ва як ранги зарди гарм, ки фазои монохроматиро мисли нури офтоб дар сатҳи матовӣ вайрон мекунад.