Ciridae
Tutun chiqayotgan choʻgʻlarning pulsatsiyasi bilan boʻsh xona – deyarli qora sobor, bu yerda yagona iliq tovush yupqa zang chizigʻi boʻlib, har bir yuzasi soya emas, balki mayda chiziqlar bilan belgilangan.
Ciridae bo'shliqda ishlaydi: #0b0b0b kanvas, deyarli sezilmaydigan konturlarga ega tabletka shaklidagi boshqaruv elementlari va Pragmatica Cond bosh harflariga 400 og'irlikda mahkamlangan tipografiya - qalin, aralash korpus, dekorativ elementlar yo'q. Faqatgina xromatik nota #cc6437 bo'lib, u eng ingichka chiziqlar va kichik urg'u tinish belgilari sifatida ishlatiladigan iliq, tutun chiqaradigan zang rangidir, hech qachon to'ldiruvchi sifatida ishlatilmaydi. Xaritalar #272a2a ustida 10 piksel radiusda va soyalarsiz suzadi; tizim balandlikni chetlab o'tadi, sirtlarni tonal kontrast va eng yaxshi 1 piksel chegaralari orqali belgilaydi. Fotosuratlar juda xira va atmosfera - suyuq marmar, tutun, olov - to'liq ekran rejimida matn orqasiga joylashtirilgan, shuning uchun vizual tasvirlar illyustratsiyadan ko'ra atmosferaga o'xshaydi.
Sahifa tartibi to'liq kenglikda bo'lib, kontent maksimal ~1400px kenglikda markazlashtirilgan. Qahramon chap va o'ng tomonlarida mikro-yorliqlar bilan o'ralgan markazlashtirilgan yulduz turkumi logotipiga ega to'q rangli, to'liq kenglikdagi kompozitsiyadir. Bo'limlar navbatma-navbat joylashgan: to'q qahramon → pastki qatlamli yorug'lik chizig'i (Suyak) → to'q transform matni → tizim kartalarining to'q panjarasi → to'q pastki qism. Yagona yorug'lik bo'limi bitta, aniq tonal o'tishni yaratadi. Karta panjarasi 4 ta ustundan foydalanadi, birinchi karta qolgan uchtasidan taxminan ikki baravar kengroq bo'lib, kontentga urg'u berilgan assimetrik tartibni yaratadi. Bo'limlar orasidagi vertikal bo'shliq juda keng (80px+). Navigatsiya minimal: yuqori yangiliklar paneli + chapga tekislangan bitta "Hozir boshlang" va yuqori panelda o'ngga tekislangan "Menyu". Yon panel yo'q, mega-menyu yo'q.
Atmosfera fotosuratlari butun sahifa yuzasini egallab, bosh ekran va kartalarda ustunlik qiladi. Tasvirlar juda xira (fon xiralashuvi 50px va 40px qiymatlari aniqlandi) va yuqori kontrastli bo'lib, suyuq marmar ko'k-qizil aylanmalar, tutun, landshaftlarning qorong'u siluetlari va olov/cho'g' teksturalari bilan tasvirlangan. Fotosuratlar kayfiyatli va qorong'u, jonli emas - ular bo'sh tuval bilan bir xil tonal diapazonga ega, unga qarshi turish o'rniga. Mahsulot fotosuratlari, odamlar yo'q, foydalanuvchi interfeysi skrinshotlari yo'q. Tasvirlar illyustratsion kontent sifatida xizmat qilish o'rniga atmosfera yaratadi. Karta panjarasi har bir tizimni turli xil atmosfera manzarasiga moslashtiradi, bu esa fotosuratlarga mahsulotning so'zma-so'z tasvirlari o'rniga mavhum vizual identifikatorlar sifatida ishlashga imkon beradi.
Palitra
Brend
- Ember Rust
#cc6437— Urg'u chiziqlari, belgi chiziqlari va kichik matnli yoritgichlar monoxrom tizimdagi yagona xromatik rang bo'lib, ular to'ldirishdan ko'ra deyarli sezilmaydigan pulsatsiyalanuvchi nuqta sifatida ko'rinadi.
Neytral
- Void Black
#0b0b0b— Asosiy sahifa va bo'limlar uchun fon rasmlari; butun tizimning asosi. - Charcoal Surface
#272a2a— Qorong'u joylarda karton va panellardan yasalgan fon tasvirlari soyalarsiz sirtlarni ajratish uchun tuvalga qaraganda bir tonna yengilroq. - Bone
#edebe7— Fon va sirtning yorug' joylari krem rangda bo'lib, bu yerda tizim qorong'udan och rangga o'tadi. - Bone Darker
#dfddd9— Ko'p qatlamli yorug'lik yuzalari va issiq, deyarli oq rangdagi elementlar uchun "Suyak" deb nomlangan nozik soya. - Pure White
#ffffff— Barcha asosiy matn va sarlavhalar, arvoh tugma chegaralari va navigatsiya elementlari asosiy rangda, Void qora fonida 19,7:1 kontrast nisbati bilan. - Abyss
#050505— Yangiliklar lentasi (eng yaxshi yangiliklar lentasi) uchun ko'tarilgan fon - lentani ajratib ko'rsatish uchun asosiy tuvaldan bir tus quyuqroq.
Tipografiya
11 dan 32 pikselgacha · 5 qadam
- Pragmatica Cond — almashtirish: Oswald · konturlar 400 · Asosiy displey va foydalanuvchi interfeysi shrifti tor, qisqartirilgan shrift bo'lib, asosiy matn uchun 14 piksel, bo'lim sarlavhalari uchun 20 piksel va asosiy matn uchun 32 piksel o'lchamdagi katta harflardan iborat. Nihoyatda tor shrift va asosiy matn uchun 14 piksel o'lchamdagi katta harflardan iborat tizim eng xarakterli yechim hisoblanadi: asosiy matn oddiy nasr kabi emas, balki me'moriy shriftning pichirlashi kabi o'qiladi. Agar Pragmatica Condensed mavjud bo'lmasa, Oswald yoki Barlow Condensed bilan almashtiring.
- Pragmatica — almashtirish: Inter · konturlar 400 · Uzunroq nasriy parchalar uchun ishlatiladigan ikkilamchi, asosiy shrift (masalan, "AI Operatsion tizimi" karta tavsifi 24 piksel, paragraf matni 15 piksel). Katta bloklarni o'qish qulayligi uchun Pragmatica Cond dan biroz kengroq, lekin baribir 400 og'irlikda - hech qachon qalin shrift bilan yozmang. Inter yoki Söhne bilan almashtiring.
- Roboto Mono — almashtirish: Roboto Mono (free · konturlar 400 · Yangiliklar stikerlari uchun monospace mikrofont ("YANGILIKLAR • 2026-YIL 15-IYUN • CRUCIBLE ERKAK KIRISH ENDI OCHIQ"). Monospace shrifti faqat shu yerda ishlatiladi, bu aniq funktsional farqni yaratadi: bu tizim ma'lumotlari, brending emas.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | o'rtacha |
| Asosiy qadam | 16-20px |
| Tugma radiusi | 1440px |
| Karta radiusi | 10px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 80px |
| Sahifa kengligi | 1400px |
Sun'iy intellekt veb-saytingizni Ciridae uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Dala — qora baxmal ustida suzib yurgan yulduz turkumi
- Linear — yarim tunda aniqlik asbobi
- Resend — binafsha neon rangli qora baxmal
- Dovetail — Qora oy ostida chizma — zo'rg'a ko'rinadigan grafik chiziqlari, oq shrift, bitta binafsha uchqun
- Neon — Qorong'i tushgandan keyingi server xonasi. Sof zulmat, bu yerda yorug'lik faqat ma'lumotlar va foydalanuvchilarning o'zaro ta'siridan keladi.
- Discord — O'yin dunyosi qalqib chiquvchi chat oynasi orqasida yashiringan - har bir bo'lim o'ziga xos yoritish va belgilar to'plamiga ega mustaqil muhitdir
- Aaru — Yarim tunda zarrachalar maydoni rasadxonasi
- Atlas Card — Yagona sapfir nurlari bilan qoplangan Midnight Vault – bu toʻq qora maydon boʻlib, unda faqat chuqur elektr koʻk rang muhim ahamiyatga ega.
- Midjourney — Chuqur okeandagi biolyuminestsent terminal. Aql-idrok ASCII oqimlarida vizual ravishda o'zini yaratadigan va boshqaruv elementlari xira porlab turgan naqshlar sifatida ko'rinadigan chuqur dengiz dunyosi.
- Checkly — Chuqur orbitali missiyani boshqarish markazi
- Krea — yarim tunda galereya noir
- Wope — Wope binafsha ufq interfeysi. Shisha ostidan binafsha nur taralayotgan qorong'u rasadxona stolini tasavvur qiling.