Ciridae
Sebuah bilik kosong dengan denyutan bara api yang membara - sebuah katedral yang hampir hitam di mana satu-satunya bunyi hangat hanyalah garisan karat yang nipis, dan setiap permukaan ditakrifkan oleh garisan halus dan bukannya bayang-bayang.
Ciridae beroperasi dalam kekosongan: kanvas #0b0b0b, kawalan berbentuk pil dengan garis luar yang hampir tidak ketara, dan tipografi yang dikunci dalam huruf besar Pragmatica Cond pada berat 400—tiada huruf tebal, tiada huruf besar campuran, tiada elemen hiasan. Satu-satunya nota kromatik ialah #cc6437, rona karat yang hangat dan membara yang digunakan sebagai sapuan paling nipis dan tanda baca aksen kecil, tidak pernah sebagai isian. Peta terapung pada #272a2a dengan jejari 10px dan tiada bayang-bayang; sistem mengelakkan ketinggian, menentukan permukaan melalui kontras ton dan sempadan 1px yang terbaik. Gambar-gambar sangat kabur dan atmosfera—marmar cecair, asap, api—diletakkan di belakang teks dalam mod skrin penuh, jadi imejan visual terasa lebih atmosfera daripada ilustrasi.
Susun atur halaman adalah lebar penuh, dengan kandungan berpusat dalam lebar maksimum ~1400px. Wira ialah komposisi gelap lebar penuh dengan logo buruj berpusat diapit oleh label mikro di sisi kiri dan kanan. Bahagian berselang-seli: wira gelap → jalur terang dengan lapisan bawah (Tulang) → teks transformasi gelap → grid gelap kad sistem → pengaki gelap. Bahagian terang tunggal mencipta peralihan ton tunggal yang tajam. Grid kad menggunakan 4 lajur, dengan kad pertama kira-kira dua kali lebih lebar daripada tiga yang lain, mewujudkan susun atur asimetri dengan penekanan pada kandungan. Ruang menegak antara bahagian adalah luas (80px+). Navigasi adalah minimum: bar berita atas + satu "Mula Sekarang" dijajarkan kiri dan "Menu" dijajarkan kanan di bar atas. Tiada bar sisi, tiada mega-menu.
Gambar-gambar atmosfera, yang memenuhi seluruh permukaan halaman, mendominasi skrin utama dan kad. Imej-imej tersebut sangat kabur (nilai kabur latar belakang 50px dan 40px dikesan) dan kontras tinggi, menggambarkan marmar cecair dengan pusaran biru-merah, asap, siluet landskap gelap, dan tekstur api/bara. Gambar-gambar tersebut muram dan gelap, tidak bertenaga—ia berkongsi julat ton yang sama seperti kanvas kosong dan bukannya menonjol. Tiada foto produk, tiada orang, tiada tangkapan skrin UI. Imej-imej tersebut mewujudkan suasana dan bukannya berfungsi sebagai kandungan ilustrasi. Grid kad memetakan setiap sistem kepada pemandangan atmosfera yang berbeza, membolehkan gambar berfungsi sebagai pengecam visual abstrak dan bukannya imej produk literal.
Palet
Jenama
- Ember Rust
#cc6437— Goresan aksen, garisan ikon dan sorotan teks kecil adalah satu-satunya warna kromatik dalam sistem monokrom, yang lebih kelihatan sebagai titik berdenyut yang hampir tidak ketara daripada isian.
Neutral
- Void Black
#0b0b0b— Imej latar belakang untuk halaman utama dan bahagian; asas keseluruhan sistem. - Charcoal Surface
#272a2a— Imej latar belakang yang diperbuat daripada kadbod dan panel pada kawasan gelap adalah satu tona lebih terang daripada kanvas untuk mewujudkan pemisahan permukaan tanpa bayang-bayang. - Bone
#edebe7— Kawasan terang pada latar belakang dan permukaan berwarna krim, di mana sistem bertukar daripada gelap kepada terang. - Bone Darker
#dfddd9— Warna halus yang dipanggil "Bone" untuk permukaan cahaya berbilang lapisan dan unsur-unsur warna hangat, hampir putih. - Pure White
#ffffff— Semua teks dan tajuk utama, sempadan butang hantu dan elemen navigasi berada dalam warna utama dengan nisbah kontras 19.7:1 pada latar belakang hitam Void. - Abyss
#050505— Latar belakang yang dinaikkan untuk jalur berita (jalur berita teratas) - satu rona lebih gelap daripada kanvas utama untuk menonjolkan jalur tersebut.
Tipografi
dari 11 hingga 32px · 5 langkah
- Pragmatica Cond — penggantian: Oswald · garis besar 400 · Fon paparan dan antara muka pengguna utama ialah fon sempit dan padat dengan huruf besar 14px untuk teks isi, 20px untuk tajuk bahagian dan 32px untuk teks utama. Fon yang sangat sempit dan huruf besar 14px untuk teks isi ialah penyelesaian yang paling menonjol untuk sistem ini: teks isi dibaca seperti bisikan jenis taip seni bina dan bukannya seperti prosa biasa. Gantikan dengan Oswald atau Barlow Condensed jika Pragmatica Condensed tidak tersedia.
- Pragmatica — penggantian: Inter · garis besar 400 · Fon utama sekunder yang digunakan untuk petikan prosa yang lebih panjang (cth., penerangan kad "Sistem Pengoperasian AI" ialah 24px, teks perenggan ialah 15px). Lebih lebar sedikit daripada Pragmatica Cond untuk kemudahan membaca dalam blok yang lebih besar, tetapi masih pada berat 400—tidak pernah ditebalkan. Gantikan dengan Inter atau Söhne.
- Roboto Mono — penggantian: Roboto Mono (free · garis besar 400 · Mikrofon monojarak untuk penanda berita ("BERITA • 15 JUN 2026 • AKSES AWAL CRUCIBLE KINI DIBUKA"). Fon monojarak hanya digunakan di sini, mewujudkan perbezaan fungsi yang jelas: ini adalah data sistem, bukan penjenamaan.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 16-20px |
| Jejari butang | 1440px |
| Jejari kad | 10px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 80px |
| Lebar halaman | 1400px |
AI akan membina laman web anda dalam gaya Ciridae dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Dala — sebuah buruj yang melayang di atas baldu hitam
- Linear — instrumen ketepatan tengah malam
- Resend — baldu hitam dengan warna neon ungu
- Dovetail — Cetak biru di bawah bulan hitam—garisan graf yang hampir tidak kelihatan, fon putih, satu kilauan ungu
- Neon — Sebuah bilik pelayan selepas gelap. Kegelapan tulen, di mana satu-satunya cahaya datang daripada data dan interaksi pengguna.
- Discord — Dunia permainan tersembunyi di sebalik tetingkap sembang timbul - setiap bahagian merupakan persekitaran yang tersendiri dengan pencahayaan dan set wataknya sendiri
- Aaru — Balai Cerap Medan Zarah pada Tengah Malam
- Atlas Card — Midnight Vault, dengan sinar nilam tunggalnya, merupakan kawasan gelap gelita di mana satu-satunya perkara yang penting ialah warna biru elektrik yang pekat.
- Midjourney — Terminal bioluminesen di lautan dalam. Dunia laut dalam di mana kecerdasan menjana dirinya secara visual dalam aliran ASCII dan kawalan kelihatan sebagai corak yang samar-samar bercahaya.
- Checkly — Pusat Kawalan Misi Orbit Dalam
- Krea — galeri noir pada tengah malam
- Wope — Wope ialah antara muka ufuk ungu. Bayangkan sebuah meja balai cerap gelap dengan cahaya ungu memancar dari bawah kaca.