Телеграм, WhatsApp+380637610482
Валерий Данюк
Валерий ДанюкхөгжүүлэгчБизнест зориулсан хиймэл оюун ухааны хэрэгслүүдийг хөгжүүлэх. Өндөр чанартай. Боломжийн үнэтэй.Telegram руу бичих
monopo saigon — энэ хэв маягтай сайтын урьдчилсан харагдац

monopo saigon

Редакцийн нам гүм байдлын цаана шингэн, солонгорсон гэрэл тодорч байна - хайлсан гэрэлд хөвж буй монохром редакцийн галерей

Монопо Сайгон нь радикал монохром сахилга батаар ажилладаг: цэвэр хар цагаан, нарийн саарал өнгөтэй, хуудасны бүх өргөнийг хамарсан зураг дээр амьсгалж буй мэт асар том Руберт фонтоор хүрээлэгдсэн. Онцгой ялгаа нь хатуу редакцийн хязгаарлалт (навигаци болон текстийн холбоосуудын хурц өнцөг, элбэг дэлбэг цагаан зай, 4 пиксел дээр суурилсан хэмнэл) болон ганц илэрхийлэлтэй дохио зангаа - зургийн дээгүүр шингэн мэт хөвдөг 75 пикселийн радиустай товчлуурууд юм. Гол дизайны элементүүд нь солонгорсон, шингэн хроматик агаар мандалд татагддаг (ногоон өнгө нь хув шар болж бүдгэрч, дараа нь гүн улаан өнгөтэй болдог), харин интерфэйс өөрөө хэзээ ч ганц өнгө олж авдаггүй бөгөөд шингэн гэрлийн голын дээгүүр хөвж буй хар цагаан редакцийн галерей мэт мэдрэмжийг төрүүлдэг. Фонт нь өнгө аясыг тогтоодог: 78 пикселийн 300 мөрийн зузаан нь шивнэх, 225 пикселийн 400 мөрийн зузаан нь харах цонхыг дүүргэх, 11 пикселийн 400 мөрийн зузаан нь бусад бүх зүйлийг итгэлтэйгээр, хамгийн бага хэмжээгээр тодорхойлдог. Хөдөлгөөн нь илэрхийлэлтэй хэрнээ тэвчээртэй—кубик-безье(0.19, 1, 0.22, 1) тэгшлэхийн эсрэг муруйнууд, 1.25с хүртэл сунаж, хувиргасан шилжилтүүд нь элементүүдийг огцом зогсохын оронд гулсах боломжийг олгодог.

Байршуулалт нь хамгийн ихдээ 1078 пикселийн өргөнтэй төвлөрсөн бөгөөд бараан өнгийн хэсгүүд нь хуудасны бүх өргөний дагуу, контейнерээс цааш үргэлжилдэг. Нэвтрэх хэсэг нь бүхэл бүтэн харах цонхыг эзэлдэг: төвлөрсөн, гайхалтай гарчиг (Uni ted, Unbound) нь гялалзсан медиа контентын дээр байрлаж, минималист навигаци дээд хэсэгт хөвж, ганц эргэлдэгч дүрс нь зүүн доод хэсэгт байрладаг. Үндсэн хуулбарын хэсгүүд нь өргөн хүрээтэй редакцийн хэмнэлийг дагадаг - хэсгүүдийн хоорондох 46 пикселийн том зай нь блокуудын хооронд амьсгалах зай үүсгэдэг бөгөөд цагаан ба бараан (хар, цагаан фонттой) судалтай ээлжлэн байрладаг. Агуулгын зохион байгуулалт нь тэгш бус: зүүн талд текст/баруун талд зураг, зүүн талд зураг/баруун талд текст ээлжлэн байрладаг бөгөөд нэвтрэх хэсгийн гадна төвлөрсөн блок байхгүй. Картын торыг олон багана биш харин нэг баганатай төслийн жагсаалт хэлбэрээр харуулдаг - төсөл бүр өөрийн гэсэн зураг, гарчигтай бүтэн өргөнийг эзэлдэг. Навигаци нь зүүн талд лого бүхий тунгалаг дээд мөр, төвд байрлах байршил, баруун талд цэснээс бүрдэнэ - байнгын өнгөний өөрчлөлт байхгүй, сүүдэр байхгүй, зүгээр л үл үзэгдэх хадгалах товчлуур байна. Хуудасны доод хэсэгт гурван баганатай хаягийн блок (Токио, Сайгон, Лондон) нь нягт тексттэй байна. Ерөнхийдөө энэ нь дижитал сэтгүүлийн редакцийн хэв маяг юм.

Дүрслэл нь театрын хэлбэртэй бөгөөд өвөрмөц: үндсэн дэлгэц нь асар том, солонгорсон, шингэн бүтэцтэй байдаг - органик ногоон өнгөнүүд нь хув болон улаан өнгөөр уусдаг, усан дээрх тос эсвэл хайлсан шилэн дээрх шиг. Энэ нь агаар мандлын медиа контент, магадгүй сүүдрийн будгаар бүтээсэн видео эсвэл зотон даавууг бүхэлд нь эзэлж байгаа мэт санагдаж, давтагдсан хэв маягаас илүү ганц мэдрэхүйн мөч гэж үздэг. Төслийн демо хувилбарууд нь хүрээ, хил хязгааргүйгээр танилцуулсан дотно редакцийн гэрэл зургийг (том хэмжээний бүтээгдэхүүний зураг, сурталчилгааны зураг) ашигладаг - зураг бол агуулга юм. Жижиг UI глифээс өөр ямар ч чимэглэл, дүрс байхгүй, гоёл чимэглэлийн хэлбэр байхгүй. Дүрслэл нь хамгийн бага эсвэл байхгүй; эргэлддэг дугуй текстийн дүрс нь системийн цорын ганц хэвлэмэл чимэглэл болж үйлчилдэг. Нийт нягтрал: текст нь том хэмжээтэй ганц харааны дохио зангаагаар давамгайлж, дараа нь хэвлэмэл болон бүтээгдэхүүний зургуудын урт, тайван редакцийн хэсгүүд дамждаг.

Палетт

Брэнд

  • Iridescent Fade #a02d25 — Хроматик өргөлт нь зөвхөн градиент шилжилтийн дотор л гарч ирдэг бөгөөд солонгорсон агаар мандлын үндэс суурийг бүрдүүлдэг хайлсан улаан өнгийг интерфэйсийн удирдлагад ашигладаггүй.

Төвийг сахисан

  • Obsidian #000000 — Үндсэн текст, SVG зураас, үндсэн текстийг дүүргэх - цэвэр хар өнгө нь бүх урд талын мэдээлэл болон график элементүүдийг агуулдаг.
  • Paper #ffffff — Бараан гадаргуу дээрх цайвар текст, урвуу тайлбар болон өндөр тодосгогчтой гарчиг. Үйлдэлд уриалахын тулд цайвар текстийг үндсэн өнгө болгон ашиглахаас зайлсхий.
  • Inkstone #181818 — Доод хэсэг дэх үндсэн текст болон нэмэлт гарчгууд нь урт текстийг уншихад зориулагдсан бүдэг хар өнгөтэй байна.
  • Felt Gray #6d6d6d — Туслах текст, хаягийн блокууд, хууль эрх зүйн текстүүд - бүрэн алга бололгүйгээр анзаарагдахгүй нам гүм тайлбарууд.
  • Slate Pill #636363 — Товчлуурын төвийг сахисан дэвсгэр нь Зөвшөөрөх гэх мэт үйлдлүүдэд ашиглагддаг цорын ганц хатуу дүүргэлт юм.
  • Ash Mist #9a9a9a — Хараа муутай эсвэл бага контрасттай гадаргууд зориулсан төвийг сахисан, дунд зэргийн өнгөний өнгө.

Типографи

12-оос 225 пиксел хүртэл · 9 алхам

  • Roobert — солих: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · тоймууд 300, 400, 600 · Үндсэн фонтыг бүх интерфэйсийн текст, навигаци, гарчиг, үндсэн текст, жагсаалт болон хөл хэсэгт ашигладаг. Энэхүү захиалгаар хийгдсэн sans-serif нь геометрийн тод байдлыг хүмүүнлэг дулаан сэтгэлтэй хослуулсан; түүний өргөн хүрээний жин (300 шивнээнээс 600 зангуу хүртэл) нь гайхалтай гарчигнаас эхлээд тэмдэглэл хүртэл фонтыг амьсгалах боломжийг олгодог.
  • Raleway — солих: Montserrat or Jost · тоймууд 400 · Зөвхөн илүү гоёмсог, нарийн sans-serif нь тодосгогч байдлыг бий болгодог зарим гарчгийн нөхцөлд ашиглагддаг бөгөөд Робертын илүү тод үсгийн эсрэг заалт болгон ховор ашигладаг.
  • system-ui — солих: Inter · тоймууд 400 · Интерфэйсийн бичил шошго, күүки баннерын үндсэн текст, жижиг фонт - хөтчийн анхдагч нөөц сонголт бөгөөд өөрчлөн тохируулсан фонт шаардлагагүйгээр хамгийн жижиг нарийн ширийн зүйлийг уншихад хялбар байдлыг хангадаг.

Интервал ба хэлбэр

ЗорилгоУтга
Нягтралнягт
Үндсэн алхам14px
Товчлуурын радиус75px
Картын радиус0px
Сүүдэрсүүдрийн оронд хил хязгаар байхгүй
Хэсгүүдийн хооронд46px
Хуудасны өргөн1078px

Хиймэл оюун ухаан таны вэбсайтыг monopo saigon хэв маягаар бүтээж, дүүргэх болно

  • Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
  • Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
  • Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
  • Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.

Төстэй хэв маяг

  • Hyer Aviation — Илгэн цаасан дээр бүхээгт үдшийн бүрий. Цэлмэг үүрийн тэнгэр их биеийн хэмжээтэй сериф логотой нийлж, ганцхан дулаан шавар өнгө нь монохром хязгаарыг эвдэнэ.
  • OFF+BRAND. — Дулаан илгэн дээрх солонгорсон бөмбөлөг
  • Seed — лабораторийн шилэн доор амьд организм
  • Eindhoven Design District — Цагаан цаасан дээрх редакцийн харгислал бол том үсгээр, хамгийн бага гэрэл зураг, туйлын хязгаарлалттайгаар хийгдсэн хотын дизайны тунхаглал юм.
  • Subframe — Дулаан илгэн дээрх график зураг. Зураас бүр нь бал чулуу эсвэл баллуур байдаг дизайнерын цаасыг хэзээ ч буддаггүй - гүнийг шугамын зузаан болон сийрэг серифээр дамжуулан олж авдаг.
  • Miranda — Цайвар шаргал дэвсгэр дээрх сонгодог өргөн форматын хэвлэмэл - дижитал эрин үеийн сонины нийтлэл
  • Monocle — Цөцгий өнгийн цаасан дээр өндөр чанартай, өргөн форматтай сонин. Баганууд бүр өөрийн гэсэн байр сууриа эзлэх ёстой бөгөөд хуудсан дээр зөвхөн нэг утга учиртай өнгө гарч ирдэг сайтар боловсруулсан редакцийн нийтлэл.
  • Agencja brandingowa — Цагаан өнгийн редакцийн галерей, хар бэхээр бичсэн хэвлэмэл зураг
  • Websmith Studio — Цөцгийтэй цаасан дээрх өглөөний гэрэл
  • Aspelin Reitan — Лааны гэрэлд бүтээсэн Архитектурын Архив - Хуудас нь дулаан цөцгий өнгөтэй хананд бэхлэгдсэн барьсан орон зайн багц шиг харагдаж байгаа бөгөөд хуудасны бүтэн өргөний дагуу зураг бүрийн дээр цагаан текстийн нэг мөр хөвж байна.
  • Public — Хүйтэн гантиг дээрх монохром редакцийн бүтээл—бараг л монохром зураг шиг, 300 цэгийн сериф фонттой, ганц нил ягаан өнгийн аялгатай.
  • Motto — Цаасан дээрх хэвлэмэл цул зураг – цасан цагаан цаасан дээр өөрийгөө тунхаглаж буй ганц, өөртөө итгэлтэй дуу хоолой