Ciridae
Sebuah ruangan kosong dengan denyutan bara api yang membara - sebuah katedral yang hampir hitam di mana satu-satunya suara hangat adalah garis tipis karat, dan setiap permukaan ditentukan oleh garis-garis halus alih-alih bayangan.
Ciridae beroperasi dalam ruang hampa: kanvas #0b0b0b, kontrol berbentuk pil dengan garis luar yang hampir tidak terlihat, dan tipografi terkunci pada huruf kapital Pragmatica Cond dengan bobot 400—tanpa huruf tebal, tanpa huruf campuran, tanpa elemen dekoratif. Satu-satunya nada kromatik adalah #cc6437, warna karat hangat yang membara yang digunakan sebagai goresan tertipis dan tanda baca aksen kecil, tidak pernah sebagai isian. Peta mengambang di atas #272a2a dengan radius 10px dan tanpa bayangan; sistem ini menghindari elevasi, mendefinisikan permukaan melalui kontras tonal dan batas 1px yang paling halus. Foto-foto sangat buram dan atmosferik—marmer cair, asap, api—ditempatkan di belakang teks dalam mode layar penuh, sehingga citra visual terasa lebih atmosferik daripada ilustratif.
Tata letak halaman berukuran penuh, dengan konten yang terpusat dalam lebar maksimum sekitar 1400px. Bagian utama (hero) adalah komposisi gelap berukuran penuh dengan logo konstelasi yang terpusat, diapit oleh label mikro di sisi kiri dan kanan. Bagian-bagiannya bergantian: bagian utama gelap → garis terang dengan lapisan bawah (Tulang) → teks transformasi gelap → grid kartu sistem gelap → footer gelap. Bagian terang tunggal menciptakan transisi tonal yang tajam. Grid kartu menggunakan 4 kolom, dengan kartu pertama kira-kira dua kali lebih lebar dari tiga kartu lainnya, menciptakan tata letak asimetris dengan penekanan pada konten. Jarak vertikal antar bagian cukup luas (80px+). Navigasi minimal: bilah berita atas + satu tombol "Mulai Sekarang" yang sejajar kiri dan satu tombol "Menu" yang sejajar kanan di bilah atas. Tidak ada sidebar, tidak ada mega-menu.
Foto-foto atmosferik, yang memenuhi seluruh permukaan halaman, mendominasi layar beranda dan kartu. Gambar-gambar tersebut sangat buram (nilai keburaman latar belakang 50px dan 40px terdeteksi) dan kontras tinggi, menggambarkan marmer cair dengan pusaran biru-merah, asap, siluet lanskap yang gelap, dan tekstur api/bara. Foto-foto tersebut bernuansa suram dan gelap, bukan cerah—foto-foto tersebut memiliki rentang nada yang sama dengan kanvas kosong daripada menonjol di atasnya. Tidak ada foto produk, tidak ada orang, tidak ada tangkapan layar UI. Gambar-gambar tersebut menciptakan atmosfer daripada berfungsi sebagai konten ilustratif. Kisi kartu memetakan setiap sistem ke adegan atmosferik yang berbeda, memungkinkan foto-foto tersebut berfungsi sebagai pengenal visual abstrak daripada gambar produk literal.
Palet
Merek
- Ember Rust
#cc6437— Garis aksen, garis ikon, dan sorotan teks kecil adalah satu-satunya warna kromatik dalam sistem monokrom, yang muncul lebih sebagai titik berdenyut yang hampir tidak terlihat daripada sebagai pengisi.
Netral
- Void Black
#0b0b0b— Gambar latar belakang untuk halaman utama dan bagian-bagiannya; dasar dari keseluruhan sistem. - Charcoal Surface
#272a2a— Gambar latar belakang yang terbuat dari karton dan panel pada area gelap memiliki warna satu tingkat lebih terang daripada kanvas untuk menciptakan pemisahan permukaan tanpa bayangan. - Bone
#edebe7— Area terang pada latar belakang dan permukaan berwarna krem, di mana sistem beralih dari gelap ke terang. - Bone Darker
#dfddd9— Nuansa lembut bernama “Bone” untuk permukaan terang berlapis-lapis dan elemen dengan warna hangat, hampir putih. - Pure White
#ffffff— Semua teks utama dan judul, batas tombol transparan, dan elemen navigasi menggunakan warna utama dengan rasio kontras 19,7:1 pada latar belakang hitam Void. - Abyss
#050505— Latar belakang timbul untuk strip berita (strip berita atas) - satu tingkat lebih gelap daripada kanvas utama agar strip tersebut menonjol.
Tipografi
dari 11 hingga 32px · 5 langkah
- Pragmatica Cond — penggantian: Oswald · garis besar 400 · Font tampilan utama dan antarmuka pengguna adalah font sempit dan padat dengan ukuran 14px untuk huruf kapital semua pada teks isi, 20px untuk judul bagian, dan 32px untuk teks utama. Font yang sangat sempit dan ukuran 14px untuk huruf kapital semua pada teks isi adalah solusi paling khas untuk sistem ini: teks isi terbaca seperti bisikan jenis huruf arsitektur daripada seperti prosa biasa. Ganti dengan Oswald atau Barlow Condensed jika Pragmatica Condensed tidak tersedia.
- Pragmatica — penggantian: Inter · garis besar 400 · Font sekunder/utama yang digunakan untuk bagian prosa yang lebih panjang (misalnya, deskripsi kartu "Sistem Operasi AI" berukuran 24px, teks paragraf berukuran 15px). Sedikit lebih lebar daripada Pragmatica Cond agar mudah dibaca dalam blok yang lebih besar, tetapi tetap dengan ketebalan 400—tidak pernah tebal. Ganti dengan Inter atau Söhne.
- Roboto Mono — penggantian: Roboto Mono (free · garis besar 400 · Font mikro monospasi untuk teks berjalan berita ("BERITA • 15 JUNI 2026 • AKSES AWAL CRUCIBLE SEKARANG DIBUKA"). Font monospasi hanya digunakan di sini, menciptakan perbedaan fungsional yang jelas: ini adalah data sistem, bukan branding.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | rata-rata |
| Langkah dasar | 16-20px |
| Radius tombol | 1440px |
| Radius kartu | 10px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 80px |
| Lebar halaman | 1400px |
AI akan membangun situs web Anda dengan gaya Ciridae dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- Dala — sebuah gugusan bintang yang melayang di atas beludru hitam
- Linear — instrumen presisi tengah malam
- Resend — beludru hitam dengan warna neon ungu
- Dovetail — Sebuah cetak biru di bawah bulan hitam—garis grafik yang hampir tak terlihat, huruf putih, satu kilauan ungu.
- Neon — Ruang server setelah gelap. Kegelapan total, di mana satu-satunya cahaya berasal dari data dan interaksi pengguna.
- Discord — Dunia permainan tersembunyi di balik jendela obrolan pop-up - setiap bagian merupakan lingkungan mandiri dengan pencahayaan dan karakter tersendiri.
- Aaru — Observatorium Medan Partikel di Tengah Malam
- Atlas Card — Midnight Vault, dengan satu pancaran safirnya, adalah hamparan gelap gulita di mana satu-satunya hal yang penting adalah warna biru elektrik yang pekat.
- Midjourney — Terminal bioluminesen di dasar laut. Sebuah dunia laut dalam di mana kecerdasan secara visual muncul dalam aliran ASCII, dan kontrol muncul sebagai pola yang bercahaya samar.
- Checkly — Pusat Kontrol Misi Orbit Dalam
- Krea — galeri noir di tengah malam
- Wope — Wope adalah antarmuka cakrawala ungu. Bayangkan meja observatorium gelap dengan cahaya ungu yang memancar dari bawah kaca.