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

ORYZO AI

Харанхуй өрөөний тухай фото эссэ. Дулаан харанхуйд хөвж буй ганц бие зүйл, цөцгий өнгийн фонт нь цорын ганц чимэглэл юм.

ORYZO-ийн харааны систем нь бүтээгдэхүүний объект бүрийг музейн үзмэр гэж үздэг: дулаан, бараан өнгийн зураг, том сөрөг орон зайд хөвж буй цөцгий хэлбэртэй, хэлбэртэй өрсөлдөх интерфэйсийн элементүүд огт байхгүй. Бүх текст элементүүдийг 500 жинтэй фонтоор том үсгээр бичсэн бөгөөд системийн цорын ганц харилцан ярианы элемент болох 29px/400 нягтралтай үндсэн хуулбараас бусад тохиолдолд. Ганц, тод улбар шар өнгийг зөвхөн холбоос шугам болон студийн холбоосуудад ашигладаг - товчлуур эсвэл үйлдэлд дуудахад хэзээ ч ашиглагддаггүй тул ховор байдаг. Байршил нь хоёр горимын хооронд ээлжлэн солигддог: гэрэл зургийн баатар (багаж хэрэгсэл, материалын хамт бүтээгдэхүүн) болон хоосон зайд суурилсан дэлгэцийн горим (дулаан, бараан дэвсгэр дээр тусгаарлагдсан бүтээгдэхүүн), нимгэн, цэгтэй хуваагч болон эм хэлбэртэй удирдлагаар холбогдсон.

Хуудасны бүхэл бүтэн өргөн хязгааргүй - хамгийн их өргөнтэй контейнер байхгүй бөгөөд хэсэг бүр 100vw эзэлнэ. Нүүр хуудас: зүүн дээд буланд асар том ORYZO лого (51px+), дээр нь уриа лоозон, баруун дээд буланд тогтмол минималист навигаци, баруун ирмэгийн дагуу босоо хажуугийн самбар, зүүн доод буланд тунгалаг мэдээллийн карт, баруун доод буланд видеоны өнгөц зураг бүхий дээрээс доош бүтэн дэлгэцийн зураг. Дараагийн хэсгүүд: зүүн тийш зэрэгцүүлсэн гарчиг, баруун тийш зэрэгцүүлсэн үндсэн хуулбараар хүрээлэгдсэн бүтээгдэхүүний төвд байрлуулсан 3D дүрс бүхий бүтэн дэлгэцийн Walnut Shadow зураг - өргөн 18px ус зайлуулах хоолойтой гурван баганатай тор (текст/объект/текст). Хэсгүүдийн хоорондох шилжилтүүд нь гөлгөр, бараан дэвсгэр дээр бараан өнгөтэй; цорын ганц завсарлага нь нимгэн цэгтэй хуваагч юм. Навигаци нь тогтмол, тунгалаг, дээд тал нь 4 элементтэй. Хажуугийн самбар байхгүй, хөл хэсэгт хром байхгүй, карт дотор карт байхгүй - дэлгэц бүр нэг объект шиг санагддаг.

Зурагнууд нь редакторын шинж чанартай бөгөөд дээрээс доош чиглэсэн өнцгөөс болон контекстэд авсан: үйсэн тавиур нь ногоон зүсэх дэвсгэр дээр тавигдсан бөгөөд хүрээн дотор харандаа, гар урлалын хутга, цаасны хавчаараар хүрээлэгдсэн байдаг - энэ нь хүрээнээс харагдаж буй мэргэжлийн багаж хэрэгсэл юм. Ногоон зүсэх дэвсгэр (#445231) нь зөвхөн дэлгэцийн элемент болохоос хэрэглэгчийн интерфэйсийн элемент биш юм. Бүтээгдэхүүний танилцуулгад зориулагдсан хэсгүүдэд 3D дүрслэл давамгайлдаг: үйсэн тавиурыг Walnut Shadow дэвсгэр дээр тусгаарлан харуулсан бөгөөд баруун дээд талаас дулаан хүрээтэй гэрлээр гэрэлтсэн, дээрээс доошоос дөрөвний гурвыг хүртэл ээлжлэн өнцгөөр харуулсан. Амьдралын хэв маягийн зураг байхгүй, хүмүүс байхгүй, хувьцааны зураг байхгүй - объект нь гол дүр бөгөөд багаж хэрэгсэл нь түүний контекст юм. Зураг нь дэлгэцийг бүхэлд нь эзэлдэг, тод ирмэгтэй (дугуй хэлбэртэй маск байхгүй) бөгөөд өндөр тодосгогч, дулаан өнгөний залруулгатай боловсруулсан.

Палетт

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

  • Warm Cream #ffedd7 — Бараан гадаргуу дээрх цайвар текст, урвуу тайлбар болон өндөр тодосгогчтой зургууд.
  • Walnut Shadow #100904 — Хуудасны зураг болон хамгийн гүн дэвсгэр нь бараг хар өнгөтэй боловч цэвэр хар биш, дулаан өнгөтэй. Бүтээгдэхүүний зарлал бүрийн ард хоосон орон зай нуугдаж байдаг.
  • Bark Brown #382416 — Товчлуурын өргөгдсөн гадаргуу болон дүүргэсэн дэвсгэр нь зотон даавуунаас нэг өнгийн алхам өндөрт байрладаг бөгөөд нэг удаагийн тасралтгүй үйлдэл хийхийг уриалахад ашиглагддаг.
  • Cork Border #40372e — Нарийн хуваах шугамууд, цэгтэй хуваагчууд, бараг анзаарагдахгүй савны хүрээнүүд - зотон даавуунаас өөрөөсөө нэг алхам илүү дулаан.
  • Driftwood #6c5f51 — Хоёрдогч хуваалт болон бүдэг бүтцийн элементүүдэд зориулсан дулаан, дунд зэргийн саарал өнгө нь холтос болон цөцгий өнгөний хоорондох зайг нөхдөг.
  • Ember Accent #dc5000 — Улбар шар өнгийг холбоос, шошго болон богино хэллэгийг тодруулахад ашигладаг.

Типографи

18-аас 51 пиксел хүртэл · 5 алхам

  • halyard-display-variable — солих: Inter or Söhne · тоймууд 400, 500 · Ганц фонт. 51 пикселийн өргөнтэй 500 жинтэй фонтыг гарчигт ашигладаг бөгөөд энэ нь том үсгийг ашиглахад онцгой итгэлтэй байгааг харуулж байна; холимог том үсгийг ашигладаг бол 400/29 пикселийн өргөнтэй ижил фонт нь үндсэн текстийн цорын ганц фонт болдог. Үсгийн зай нь стандарт хэвээр байна - геометрийн дүрсүүд нь шахалтгүйгээр ажлаа хийдэг. Бүтцийн хувьд илүү нягт тохирохын тулд та 'Inter', 'Söhne' эсвэл 'Neue Haas Grotesk' ашиглаж болно.
  • Arial — солих: system-ui · тоймууд 400, 500 · Бичил хууль эрх зүйн шошгоны системийн хэмжээний нөөц хувилбар (8 пикселийн том үсэг, жишээ нь, "* ADOBE ILLUSTRATOR"). Энэ нь дизайны шийдвэр биш, харин автоматаар үүсгэгдсэн системийн анхааруулгын шаардлага юм.

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

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

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

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

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

  • 21 TSI — Час улаан хоосон орон зай, ганц дүрс – хэрэглэгчийн интерфэйс нь уур амьсгалд ууссан өндөр загварын редакцийн бүтээл
  • Ysl — Хар цагаан киноны зураг - нэг лого дор нэг загвар өмсөгч, өөр юу ч зөвшөөрөгдөөгүй
  • Channel Studio — Нэг шүрэн бүрхүүлтэй студийн гэрэл зургийн лаборатори
  • Assembly Coffee London — Харанхуй шарах зууханд байгаа нүүрс. Дулаан, бүдэг гэрэлтэй бүтээгдэхүүний зураг, курсортой сериф үсэг бүхий бараг хар өнгийн даавуу - шөнө дундын самиздатаар хэвлэсэн тусгай кофены цэсний мэдрэмжийг төрүүлдэг.
  • PostNew — Цагийн бус цагаар ажилладаг, өдрийн цагаар зохион бүтээгдсэн галерей
  • Factory — Шөнө дундын "дайны өрөө"-ний терминал. "Үйлдвэр" бол хар өнгийн удирдлагын самбар бөгөөд гар чийдэнгийн гэрэлд ассан дохионы самбар шиг ганц цагаан карт буудаг бөгөөд өрөөнд байгаа цорын ганц объект бол бүтээл өөрөө юм.
  • Numbered — Хар хилэн дээрх загварын зураг авалт. Бараг л хар өнгийн тайзны загвар, хүрээ нь ганц нүүртэй бөгөөд зөвхөн цагаан бэх, бараг мэдрэгддэггүй хүрэл утас л үлдсэн.
  • Apple (España) — гэрэлтүүлэгтэй хар театр
  • Home page | Impossible Foods — Хилэн харанхуйд цусан улаан панк маягийн зурагт хуудас. Дарсны өнгөтэй даавуун дээр захиалгаар хийсэн, шахагдсан туг бүдгэрч, харин улаан өнгийн уриалга махны дэлгүүрийн үнийн шошго мэт цухуйж байна.
  • Ferrari — Хар гантиг дээрх галзуурсан Каваллино. Хар хоосон зайг алдагдуулахгүй улаан, цагаан том үсэг, бүтэн өргөнтэй киноны зургууд тасалдуулж байна.
  • OpenSea — Цэнхэр хүрээтэй, хар өнгийн худалдааны терминал
  • Arthursimonini — Хар бэхээр хэвлэсэн киноны хөтөлбөр