Ciridae
Утаатай цог шиг лугшиж буй хоосон өрөө - бараг л хар сүм шиг, цорын ганц дулаан дуу чимээ нь зэвний нимгэн шугам бөгөөд гадаргуу бүр нь сүүдэр биш нарийн зураасаар тодорхойлогддог.
Ciridae нь хоосон зайд ажилладаг: #0b0b0b зураг, бараг мэдэгдэхүйц тоймтой эм хэлбэртэй удирдлага, Pragmatica Cond-ын том үсгээр 400 жинтэй бичигдсэн хэв маяг - тод, холимог кейс, гоёл чимэглэлийн элемент байхгүй. Цорын ганц хроматик ноот нь #cc6437 бөгөөд хамгийн нимгэн зураас, жижиг өргөлт цэг таслал болгон ашигладаг дулаан, утаатай зэвний өнгө бөгөөд хэзээ ч дүүргэгч болгон ашигладаггүй. Газрын зураг #272a2a дээр 10 пикселийн радиустай, сүүдэргүй хөвдөг; систем нь өндрөөс зайлсхийж, өнгөний тодосголт болон хамгийн нарийн 1 пикселийн хил хязгаараар гадаргууг тодорхойлдог. Гэрэл зургуудыг бүдгэрүүлж, агаар мандал - шингэн гантиг, утаа, гал - бүтэн дэлгэцийн горимд текстийн ард байрлуулсан тул харааны дүрслэл нь дүрслэлээс илүү агаар мандал мэт мэдрэгддэг.
Хуудасны зохион байгуулалт нь бүрэн өргөнтэй бөгөөд контент нь дээд тал нь ~1400 пикселийн өргөн дотор төвлөрсөн байна. Баатар нь зүүн ба баруун талд нь бичил шошготой төвлөрсөн одны логотой бараан, бүрэн өргөнтэй найрлага юм. Хэсгүүд ээлжлэн байрладаг: бараан баатар → доод давхаргатай цайвар судал (Яс) → бараан хувиргасан текст → системийн картуудын бараан тор → бараан хөл. Ганц цайвар хэсэг нь нэг тод өнгөний шилжилтийг бий болгодог. Картын тор нь 4 багана ашигладаг бөгөөд эхний карт нь бусад гурваас ойролцоогоор хоёр дахин өргөн бөгөөд контентод онцгой анхаарал хандуулсан тэгш бус зохион байгуулалтыг бий болгодог. Хэсгүүдийн хоорондох босоо зай нь өргөн (80 пикселээс дээш). Навигаци нь хамгийн бага: дээд талын мэдээний мөр + зүүн тийш нэг зэрэгцүүлсэн "Одоо эхлэх" болон дээд талын мөрөнд баруун тийш зэрэгцүүлсэн "Цэс". Хажуугийн мөр байхгүй, мега цэс байхгүй.
Агаар мандлын гэрэл зургууд нь хуудасны бүх гадаргууг эзэлдэг бөгөөд үндсэн дэлгэц болон картуудыг давамгайлдаг. Зурагнууд нь бүдгэрсэн (50px ба 40px-ийн дэвсгэр бүдгэрэлтийн утгыг илрүүлсэн) бөгөөд өндөр тодосгогчтой бөгөөд цэнхэр-улаан эргэлдэх, утаа, ландшафтын бараан дүрс, гал/цог бүтэцтэй шингэн гантиг дүрсэлсэн байдаг. Гэрэл зургууд нь сэтгэл хөдөлгөм, бараан өнгөтэй, тод биш - тэдгээр нь хоосон зурагтай ижил өнгө аясыг хуваалцдаг бөгөөд үүний эсрэг ялгарахаас илүүтэй. Бүтээгдэхүүний зураг, хүмүүс, UI дэлгэцийн агшин байхгүй. Зурагнууд нь дүрслэх контент болж үйлчлэхийн оронд уур амьсгалыг бий болгодог. Картын тор нь систем бүрийг өөр өөр агаар мандлын үзэгдэлтэй холбож, гэрэл зургуудыг бүтээгдэхүүний бодит зураг биш харин хийсвэр харааны танигч болгон ашиглах боломжийг олгодог.
Палетт
Брэнд
- Ember Rust
#cc6437— Өргөлтийн зураас, дүрсний шугам, жижиг текстийн тодруулга нь монохром систем дэх цорын ганц хроматик өнгө бөгөөд дүүргэлт гэхээсээ илүү бараг мэдэгдэхүйц лугшиж буй толбо мэт харагддаг.
Төвийг сахисан
- Void Black
#0b0b0b— Үндсэн хуудас болон хэсгүүдийн дэвсгэр зураг; бүхэл системийн үндэс суурь. - Charcoal Surface
#272a2a— Харанхуй хэсгүүд дээр картон болон хавтангаар хийсэн дэвсгэр зургууд нь сүүдэргүй гадаргууг тусгаарлахын тулд зотон даавуунаас нэг тонн цайвар өнгөтэй байна. - Bone
#edebe7— Арын дэвсгэр болон гадаргуугийн цайвар хэсгүүд нь цөцгий өнгөтэй бөгөөд систем нь бараанаас цайвар болж шилждэг. - Bone Darker
#dfddd9— Олон давхаргат цайвар гадаргуу болон дулаан, бараг цагаан өнгийн элементүүдэд зориулсан "Яс" гэж нэрлэгддэг нарийн сүүдэр. - Pure White
#ffffff— Бүх үндсэн текст болон гарчиг, хий үзэгдэл товчлуурын хүрээ, навигацийн элементүүд нь үндсэн өнгөөр, Void хар дэвсгэр дээр 19.7:1 харьцаатай байна. - Abyss
#050505— Мэдээний хэсгийн (дээд мэдээний хэсэг) өндөр дэвсгэр - хэсгийг тодруулахын тулд үндсэн зургаас нэг өнгөөр бараан.
Типографи
11-ээс 32 пиксел хүртэл · 5 алхам
- Pragmatica Cond — солих: Oswald · тоймууд 400 · Үндсэн дэлгэц болон хэрэглэгчийн интерфэйсийн фонт нь нарийн, товчилсон фонт бөгөөд үндсэн текстэд 14 пикселийн том үсгээр, хэсгийн гарчигт 20 пиксел, үндсэн текстэд 32 пикселээр бичигдсэн байдаг. Маш нарийн фонт болон үндсэн текстэд 14 пикселийн том үсгээр бичигдсэн нь системийн хамгийн онцлог шийдэл юм: үндсэн текст нь ердийн зохиол шиг биш харин архитектурын фонтын шивнээ шиг уншигддаг. Хэрэв Pragmatica Condensed байхгүй бол Oswald эсвэл Barlow Condensed-ээр солино уу.
- Pragmatica — солих: Inter · тоймууд 400 · Урт өгүүллэгийн хэсгүүдэд ашигладаг хоёрдогч, үндсэн фонт (жишээ нь, "AI Operating System" картын тайлбар нь 24px, догол мөрийн текст нь 15px). Том блокуудыг уншихад хялбар болгохын тулд Pragmatica Cond-оос арай өргөн боловч 400 жинтэй хэвээр байна - хэзээ ч тод үсгээр бичиж болохгүй. Inter эсвэл Söhne-ээр солино уу.
- Roboto Mono — солих: Roboto Mono (free · тоймууд 400 · Мэдээний тикерт зориулсан нэг зайтай микрофонт ("МЭДЭЭ • 2026 ОНЫ 6-Р САРЫН 15 • CRUCIBLE ЭРТ ХАНДАЛТ ОДОО НЭЭЛТТЭЙ"). Нэг зайтай фонтыг зөвхөн энд ашигласан бөгөөд тодорхой функциональ ялгааг бий болгож байна: энэ нь системийн өгөгдөл болохоос брэнд биш юм.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 16-20px |
| Товчлуурын радиус | 1440px |
| Картын радиус | 10px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 80px |
| Хуудасны өргөн | 1400px |
Хиймэл оюун ухаан таны вэбсайтыг Ciridae хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Dala — хар хилэн дээр хөвж буй одны орд
- Linear — шөнө дундын нарийвчлалтай багаж хэрэгсэл
- Resend — нил ягаан неон өнгөтэй хар хилэн
- Dovetail — Хар сарны доорх зураг төсөл — бараг харагдахгүй график шугам, цагаан фонт, нэг нил ягаан гялалзсан зураг
- Neon — Харанхуй болсны дараах серверийн өрөө. Цэвэр харанхуй, зөвхөн өгөгдөл болон хэрэглэгчийн харилцан үйлчлэлээс гэрэл ирдэг.
- Discord — Тоглоомын ертөнц нь гарч ирэх чат цонхны ард нуугдсан байдаг - хэсэг бүр нь өөрийн гэсэн гэрэлтүүлэг, дүрүүдийн багцтай бие даасан орчин юм.
- Aaru — Шөнө дундын бөөмийн талбайн ажиглалтын төв
- Atlas Card — Ганцхан индранил туяатай Midnight Vault нь хар өнгө мэт огторгуй бөгөөд зөвхөн гүн цэнхэр өнгө л чухал юм.
- Midjourney — Далайн гүн дэх биолюминесцент терминал. Оюун ухаан нь ASCII урсгалд өөрийгөө бий болгодог, удирдлага нь бүдэг гэрэлтсэн хээ мэт харагддаг далайн гүн ертөнц.
- Checkly — Гүн тойрог замын даалгаврын хяналтын төв
- Krea — шөнө дундын хар галерей
- Wope — Вопе бол нил ягаан өнгийн тэнгэрийн хаяатай интерфэйс юм. Шилний доороос нил ягаан гэрэл тусаж буй харанхуй ажиглалтын ширээг төсөөлөөд үз дээ.