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 — Електричен монолит на бетонскиот ѕид на галеријата. Ривиан го претставува секое возило како скулптура на огромен бел простор, со типографија толку голема што станува архитектонски елемент, и единствена топла жолта боја што ја разбива монохроматската атмосфера, како сончева светлина на мат површина.