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 — Галерейн бетонон ханан дээрх цахилгаан цул чулуу. Ривиан нь тээврийн хэрэгсэл бүрийг асар том цагаан орон зайн эсрэг баримал мэтээр дүрсэлдэг бөгөөд хэвлэмэл зураг нь архитектурын элемент болж хувирдаг бөгөөд царцсан гадаргуу дээрх нарны гэрэл шиг монохроматик уур амьсгалыг эвддэг ганц дулаан шар өнгө юм.