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

Ventriloc

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

Ventriloc нам гүм, редакцийн дуу хоолойгоор ярьдаг: дулаан, тод цагаан даавуу, нэг зайтай, өндөр нарийвчлалтай өгөгдлийн картууд, хэвлэмэл тайлан дээрх тодруулагч шиг монохромыг цэг таслалаар тэмдэглэсэн улбар шар өнгийн нүүрс. Систем нь захиалгаар хийсэн нео-гротеск фонт (PolySans)-ийг гарчгийн 400 цэгийн жинтэй хослуулсан - энэ нь нарийвчлалын дагуу эрх мэдлийг эзлэхүүний төлөө эзлэхүүнээс татгалздаг ер бусын хязгаарлалт - мөн үндсэн текст болон интерфэйсийн элементүүдийн хувьд Inter. Гадаргуу нь хүйтэн, технологийн цэнхэр биш харин дулаан саарал, тос өнгөтэй, картууд нь тэгш бус булангийн дугуйрсан хэлбэртэй (баруун дээд булан хурц, бусад хэсэгт зөөлөн), интерактив элементүүдийг хоёр өөр аялгад хуваадаг: хурц өнцөгтэй текст хэлбэрийн товчлуурууд болон эм хэлбэртэй навигацийн контейнерууд. Өнгийг ховор ашигладаг: хуудсуудыг 95% тохиолдолд ахроматик хэв маягаар зохион бүтээх ёстой бөгөөд улбар шар өнгийг зөвхөн тодруулах, холбоосыг доогуур нь зурах, өгөгдлийн чимэглэлийн өргөлтөд функциональ цэг таслал болгон ашигладаг.

Хамгийн өргөнтэй контейнер нь 1200 пиксел бөгөөд төвд нь байрладаг бөгөөд хэсгүүдийн хооронд 80 пикселийн өргөн ус зайлуулах хоолойтой. Үндсэн элемент нь хоёр баганад хуваагддаг: зүүн талд нь гарчиг, дэд текст, хоёр дуудлага хийх товчлуурын багц; баруун талд нь цагаан зотон дээр хөвж буй гурван давхардсан өгөгдлийн картын бүлэг (санхүүгийн график, орлогын статистик, ашигт ажиллагааны цагираг) байрладаг. Үндсэн элементийн доор цагаан дэвсгэр дээр бүрэн өргөнтэй түншийн логоны судал байрладаг. Дараагийн хэсгүүд нь Ash (#efefef) болон цагаан судалуудын хооронд ээлжлэн байрладаг. Навигаци нь толгой хэсэгт төвлөрсөн хөвөгч эм хэлбэртэй контейнер бөгөөд брэндийн лого зүүн талд, бараан "Холбоо барих" товчлуур баруун талд байрладаг. Нийт хэмнэл нь өргөн хүрээтэй, редакторын шинж чанартай - өргөн хүрээ, өндөр хэсгүүд, өгөгдлийн картууд нь хэвлэмэлээс гадна цорын ганц харагдах цэг таслалыг өгдөг.

Харааны дизайн нь бараг бүхэлдээ өгөгдөлд суурилсан байдаг: графикийн виджетүүд (шугаман график, дугуй явцын баар, статистикийн картууд) нь цагаан картон гадаргуу дээр нимгэн улбар шар болон гуулин шугамтай хавтгай, минималист хэв маягаар хийгдсэн байдаг. Нүүр хуудсан дээр амьдралын хэв маягийн зураг, хувьцааны зураг, чимэглэл байхгүй. Гэрэл зургийн цорын ганц агуулга нь монохром бал чулуугаар харуулсан түнш/үйлчлүүлэгчийн лого юм. Харааны хэл нь ердийн SaaS вэбсайтаас илүү хэвлэсэн жилийн тайлантай илүү төстэй байдаг - графикууд нь БОЛ зураг. Дүрсүүд нь нимгэн, монолит, бал чулуун өнгөтэй бөгөөд навигацийн самбар болон картын толгой хэсэгт ховор харагддаг.

Палетт

Брэнд

  • Ember Orange #ff682c — Улбар шар өнгийг холбоос, шошго болон богино хэллэгийг тодруулахад ашигладаг. Үүнийг үйлдэлд уриалахад үндсэн өнгө болгон ашиглаж болохгүй.

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

  • Graphite #202020 — Үндсэн текст, гарчиг, навигацийн холбоосууд, дүрсний тоймууд - эдгээр нь интерфэйсийн элемент бүрийн хэвлэлийн үндэс суурь юм.
  • Canvas White #ffffff — Хуудасны дэвсгэр, картын өндөрлөг, дүрсний дүүргэлт—систем дэх хамгийн тод гадаргуу.
  • Ash #efefef — Карт болон хэсгийн гол дэвсгэр хэсэг, навигацийн самбарын контейнер нь голчлон дулаан саарал гадаргуу юм.
  • Fog #f5f5f5 — Үүрлэсэн гадаргуу болон хоёрдогч савнуудад зориулсан нарийн дэвсгэр өнгө.
  • Ivory #ebe6dd — Үндсэн хэсгүүдэд зориулсан дулаан өргөлттэй дэвсгэр - цаасан мэт мэдрэмж төрүүлдэг.
  • Steel #4d4d4d — Хоёрдогч үндсэн текст, урт догол мөрийн текст

Типографи

14-өөс 66 пиксел хүртэл · 5 алхам

  • PolySans — солих: Inter Tight or Space Grotesk at weight 400 · тоймууд 400 · Гарчиг ба чимэглэлийн текст - Зөвхөн 400 жинтэй, -0.02 м үсгийн зайтайгаар тусгайлан зохион бүтээсэн нео-гротеск фонт нь ямар ч тод гарчиг хуулбарлаж чадахгүй нарийн редакцийн эрх мэдлийг бий болгодог.
  • Inter — солих: system-ui or Roboto · тоймууд 400, 500, 600 · Биеийн текст, UI элементийн шошго, товчлуурын текст, гарчиг, мета өгөгдөл - гарчиг биш бүх зүйлд зориулсан бүх нийтийн sans-serif фонт.

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

ЗорилгоУтга
Нягтралдундаж
Үндсэн алхам20px
Товчлуурын радиус0px
Картын радиус8px
Сүүдэрсүүдрийн оронд хил хязгаар байхгүй
Хэсгүүдийн хооронд80px
Хуудасны өргөн1200px

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

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

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

  • Ui — царцсан цаасан дээрх клиник төлөвлөгөө
  • Geniestudio — Зөөлөн өдрийн гэрэлтэй дэвтэр - өргөн хүрээтэй, нэг зузаан үзэгний зураастай төрөл
  • xAI — Хар эмтэй дулаан тосны лаборатори
  • Cal — Монохром практик байдал, хүний хандлага. Хатуу хар цагаан палитраар дамжуулан тодорхой байдал болон функциональ байдлыг чухалчилдаг боловч ээлтэй хэвлэмэл болон бөөрөнхий хэлбэртэйгээр зөөлрүүлдэг систем.
  • Scale — Техникийн төсөлтэй хослуулсан өндөр чанартай музейн чанартай гэрэл зургийн лаборатори
  • Contractbook — хэт далай тэнгисийн доорх цөцгий цаасны гэрээ
  • AutoSend — Ганцхан нил ягаан гэрэлтэй, тохилог чулуун студи - сериф гарчиг болон тод индиго уриалга нь нэг нам гүм, бараг цагаан орон зайд зэрэгцэн оршдог.
  • Air — "Шөнө дундын тэнгэрийг шилээр нэвтлэн" баримал
  • SpatialChat — цагаан илгэн дээрх нил ягаан импульс
  • Squarespace — Кино урлагийн монохром галерей
  • Giga — Хүйтэн обсидиан дээгүүр шөнө дундын тэнгэрийн хаяа
  • Supabase — Шөнө дундын үед фосфоресцент ногоон цэгтэй код засварлагч - нүүрсний тоосны тэнгис дээрх ганц хроматик импульс