Dala
хар хилэн дээр хөвж буй одны орд
Дала нь хар хоосон зайг нэг тод ягаан өнгийн өргөлттэй нийлж, хув өнгийн гялалзсан өнгөөр тасалдуулсан харанхуй орон зайг харуулж байна. Типографи нь цул бөгөөд жингүй - 400 жинтэй PPNeueMontreal фонт нь гарчиг бүрийг хэт том хэмжээтэй (78–113 пиксел), түрэмгий сөрөг үсгийн зайтайгаар давамгайлдаг тул гарчгийг мэдээллийн шинжтэй гэхээсээ илүү уран баримал мэт мэдрүүлдэг. Харааны төв нь жижиг, олон өнгийн гурвалжин хэсгүүдийн цуваа бөгөөд органик тархины хэлбэрийг үүсгэдэг бөгөөд энэ нь брэндийн онцлог дохио зангаа болж үйлчилдэг: мэдлэгийг шаталсан өгөгдөл гэхээсээ илүү тархсан оюун ухаан гэж дүрслэн харуулдаг. Байршил нь хоёр баганын өргөн хэмнэлийг дагадаг - хэт том хэмжээтэй, зүүн тийш зэрэгцүүлсэн гарчиг нь өргөн хүрээтэй биетэй хосолсон, самбар, жааз, картгүйгээр цэвэр хар дэвсгэр дээр хөвдөг. Бүрэлдэхүүн хэсгүүдийг санаатайгаар хамгийн чухал хэлбэр болгон нь багасгасан: нэг ягаан өнгийн товчлуур, далд текст холбоосууд, том текст блокууд.
Бүрэн өргөнтэй хэсгүүдийг цэвэр хар зотон дээр байрлуулсан бөгөөд хамгийн ихдээ ~1280px өргөнтэй контентыг төвлөрүүлсэн. Үндсэн хэсэг нь тэгш бус хоёр баганын зохион байгуулалттай: зүүн тийш зэрэгцүүлсэн том гарчиг (113px) нь зүүн талдаа үндсэн текст болон үйлдэлд уриалсан тексттэй байдаг бол "бөөмийн тархи" дүрслэл нь баруун талыг асар том хэмжээгээр эзэлдэг. Дараагийн хэсгүүд нь хоёр баганын хооронд ээлжлэн байрладаг (зүүн/баруун текст, дараа нь зүүн/баруун текст), зигзаг унших хэмнэлийг бий болгодог. Хэсгүүдийн хоорондох ус зайлуулах хоолойнууд нь өргөн цар хүрээтэй (босоо 60–120px). Картын тор, үнийн хүснэгт эсвэл олон баганын онцлог шинж чанаруудын тайлбар байхгүй - контентыг хоёр баганатай өргөн текст-визуал блокуудад байрлуулсан. Навигаци нь хажуугийн самбар эсвэл мега цэсгүй минималист тунгалаг дээд самбар юм. Элементүүдийн нягтрал маш өндөр - харах цонх бүрт нэг эсвэл хоёр элемент, хэзээ ч мэдээллээр хэт ачаалалгүй.
Харааны дизайн нь бүхэлдээ процедурын болон хийсвэр шинж чанартай бөгөөд багийн хөрөг зургаас бусад гэрэл зураг байхгүй. Брэндийн харааны өвөрмөц байдал нь бүтэн, тод спектрт (нил ягаан, хув, оюу, нил ягаан, цэнхэр) дүрслэгдсэн мянга мянган жижиг, тоймтой гурвалжин хэсгүүдийн өтгөн үүл бөгөөд органик тархи/мэдрэлийн эсийн хэлбэрийг үүсгэдэг. Энэхүү бөөмийн талбар нь хөдөлгөөнт бөгөөд үндсэн дүрс болон брэндийн өвөрмөц байдлын элемент болж үйлчилдэг. Бага нягтралтай эргэн тойрон дахь бөөмс нь хуудасны дэвсгэр дээр хөдөлдөг. Гурвалжин нь тойм, 1-2 пикселийн шугамын жин, хурц ирмэг, баялаг, хроматик өнгөтэй - хэзээ ч саарал өнгөтэй байдаггүй. Багийн хөрөг зургийг хил хязгааргүй, давхцалгүй том, бөөрөнхий тэгш өнцөгт (124 пикселийн радиус) хэлбэрээр харуулдаг. Бүтээгдэхүүний дэлгэцийн зураг, амьдралын хэв маягийн зураг, 3D дүрслэл байхгүй - бөөмийн систем нь харааны брэнд юм.
Палетт
Брэнд
- Electric Iris
#8052ff— Үндсэн үйлдлийн товчлуурууд, лого болон брэндийн өргөлтүүд нь хар дэвсгэр дээр харилцан үйлчлэл болон брэндийн өвөрмөц байдлыг илтгэдэг ганц, баялаг нил ягаан өнгөтэй байна.
Төвийг сахисан
- Void
#000000— Хуудасны зураг, хэсгийн дэвсгэр, сөрөг зай гэх мэт давамгайлсан гадаргуу нь хар саарал биш, цэвэр хар өнгөтэй тул хроматик өргөлтийг чөлөөтэй хөвөх боломжийг олгодог хоосон зайг бий болгодог. - Bone White
#ffffff— Гарчиг, үндсэн текст, дүрс дүүргэлт, идэвхтэй навигацийн төлөв - хар дэвсгэр дээр хамгийн их шатлалыг хангадаг цорын ганц үсгийн өнгө. - Ash Gray
#9a9a9a— Дарагдсан навигацийн текст, тунгалаг холбоосын өнгө, нэмэлт шошгууд нь үл үзэгдэхгүйгээр үндсэн текстийн ард нуугдсан байдаг. - Silver Mist
#bdbdbd— Нэмэлт текст, тайлбарын түвшинд мэдээлэл - хамгийн чимээгүй, хамгийн уншигдахуйц саарал өнгө, контекстийг дэмжих. - Saffron Spark
#ffb829— Текстийг тодруулах, холбоосуудыг онцлох, цэг таслалаар анхаарал татах - нил ягаан дэвсгэр дээрх дулаан шар өнгө нь брэндийн хроматик хурцадмал байдлыг бий болгодог. - Deep Verdant
#15846e— Хоёрдогч гадаргуугийн өнгөлгөө, градиент логоны зогсолт нь брэндийн градиентийн бараан ирмэг болон бараг мэдэгдэхүйц өргөлтийн шилжилт хэлбэрээр илэрдэг.
Типографи
12-оос 113 пиксел хүртэл · 10 алхам
- PPNeueMontreal — солих: Inter · тоймууд 200, 400, 600, 700 · Бүх хэрэглэгчийн интерфэйсийн контекстэд тогтвортой фонт ашиглагддаг. Дэлгэцийн хэмжээтэй (78–113 пиксел) гарчгууд нь -0.04 м үсгийн зайтай 400 жинтэй - үндсэн тексттэй ижил жинтэй боловч том масштаб нь шатлалыг бий болгодог. 200 жинтэй (хэт хөнгөн фонт) фонтыг 18 пикселийн үндсэн текстэд зориулагдсан; энэ нь брэндийн онцлог шийдвэр юм: ихэнх AI/SaaS сайтууд үндсэн текстэд 400 ашигладаг боловч Dala нь догол мөрүүдийг агаартай, түрэмгий бус байлгахын тулд жинг бууруулдаг. 14 пикселийн үсгийн зайтай, 0.025 м үсгийн зайтай, бүх том үсгээр бичсэн 600 жинтэй фонтыг навигаци болон жижиг гарчгуудад ашигладаг. 113 пикселийн гарчиг болон 15 пикселийн үндсэн текстэд 400 ашиглах нь ер бусын зүйл бөгөөд энэ нь брэнд шатлалыг бий болгохын тулд жингээс бус харин масштабаас хамаардаг болохыг харуулж байна.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 6-18px |
| Товчлуурын радиус | 24px |
| Картын радиус | 24px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 60-120px |
| Хуудасны өргөн | 1280px |
Хиймэл оюун ухаан таны вэбсайтыг Dala хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Linear — шөнө дундын нарийвчлалтай багаж хэрэгсэл
- Resend — нил ягаан неон өнгөтэй хар хилэн
- Ciridae — Утаатай цог шиг лугшиж буй хоосон өрөө - бараг л хар сүм шиг, цорын ганц дулаан дуу чимээ нь зэвний нимгэн шугам бөгөөд гадаргуу бүр нь сүүдэр биш нарийн зураасаар тодорхойлогддог.
- Dovetail — Хар сарны доорх зураг төсөл — бараг харагдахгүй график шугам, цагаан фонт, нэг нил ягаан гялалзсан зураг
- Neon — Харанхуй болсны дараах серверийн өрөө. Цэвэр харанхуй, зөвхөн өгөгдөл болон хэрэглэгчийн харилцан үйлчлэлээс гэрэл ирдэг.
- Discord — Тоглоомын ертөнц нь гарч ирэх чат цонхны ард нуугдсан байдаг - хэсэг бүр нь өөрийн гэсэн гэрэлтүүлэг, дүрүүдийн багцтай бие даасан орчин юм.
- Aaru — Шөнө дундын бөөмийн талбайн ажиглалтын төв
- Atlas Card — Ганцхан индранил туяатай Midnight Vault нь хар өнгө мэт огторгуй бөгөөд зөвхөн гүн цэнхэр өнгө л чухал юм.
- Midjourney — Далайн гүн дэх биолюминесцент терминал. Оюун ухаан нь ASCII урсгалд өөрийгөө бий болгодог, удирдлага нь бүдэг гэрэлтсэн хээ мэт харагддаг далайн гүн ертөнц.
- Checkly — Гүн тойрог замын даалгаврын хяналтын төв
- Krea — шөнө дундын хар галерей
- Wope — Вопе бол нил ягаан өнгийн тэнгэрийн хаяатай интерфэйс юм. Шилний доороос нил ягаан гэрэл тусаж буй харанхуй ажиглалтын ширээг төсөөлөөд үз дээ.