Ciridae
Hiji rohangan kosong kalawan sora areng nu keur ngebul - hiji katedral nu ampir hideung dimana hiji-hijina sora haneut nu kadéngéna nyaéta garis ipis karat, sarta unggal beungeut diwatesan ku garis-garis lemes lain kalangkang.
Ciridae beroperasi dina hiji rohangan kosong: kanvas #0b0b0b, kontrol bentuk pil kalayan garis luar anu ampir teu katingali, sareng tipografi dikonci kana hurup kapital Pragmatica Cond dina beurat 400—tanpa kandel, tanpa hurup campuran, tanpa unsur hiasan. Hiji-hijina catetan kromatik nyaéta #cc6437, warna karat anu haneut sareng semu beureum anu dianggo salaku goresan anu paling ipis sareng tanda baca aksen leutik, henteu pernah salaku eusian. Peta ngambang dina #272a2a kalayan radius 10px sareng tanpa kalangkang; sistem nyingkahan élévasi, ngahartikeun permukaan ngalangkungan kontras tonal sareng wates 1px anu pangsaéna. Poto-poto kabur pisan sareng atmosfir—marmer cair, haseup, seuneu—ditempatkeun di tukangeun téks dina modeu layar pinuh, janten citra visual karasa langkung atmosfir tibatan ilustrasi.
Tata letak halamanna lébar pinuh, kalayan eusi anu dipusatkeun dina lébar maksimum ~1400px. Pahlawan mangrupikeun komposisi poék anu lébar pinuh kalayan logo rasi béntang anu dipusatkeun diapit ku labél mikro di sisi kénca sareng katuhu. Bagian silih genti: pahlawan poék → garis hampang kalayan handapeun (Tulang) → téks transformasi poék → grid poék kartu sistem → footer poék. Bagian hampang tunggal nyiptakeun transisi tonal tunggal anu seukeut. Grid kartu nganggo 4 kolom, kalayan kartu kahiji sakitar dua kali lébar tibatan tilu anu sanés, nyiptakeun tata letak asimetris kalayan penekanan kana eusi. Rohangan vertikal antara bagian lega (80px+). Navigasi minimal: bilah warta luhur + hiji "Mimitian Ayeuna" anu diratakeun ka kénca sareng "Menu" anu diratakeun ka katuhu dina bilah luhur. Teu aya sidebar, teu aya mega-menu.
Poto-poto atmosfir, anu ngeusian sakumna permukaan halaman, ngadominasi layar utama sareng kartu. Gambar-gambarna kabur pisan (nilai blur latar tukang 50px sareng 40px kadeteksi) sareng kontras anu luhur, ngagambarkeun marmer cair kalayan pusaran biru-beureum, haseup, siluet bentang anu poék, sareng tékstur seuneu/bara. Poto-potona surem sareng poék, henteu cerah—aranjeunna ngabagi rentang tonal anu sami sareng kanvas kosong tinimbang nonjol ngalawan éta. Teu aya poto produk, teu aya jalma, teu aya cuplikan layar UI. Gambar-gambar nyiptakeun suasana tinimbang janten eusi ilustrasi. Kisi kartu memetakan unggal sistem kana pamandangan atmosfir anu béda, ngamungkinkeun poto-poto fungsina salaku idéntifikasi visual abstrak tinimbang gambar produk literal.
Palet
Merek
- Ember Rust
#cc6437— Goresan aksen, garis ikon, sareng sorotan téks alit mangrupikeun hiji-hijina warna kromatik dina sistem monokrom, langkung katingali salaku titik denyut anu ampir teu katingali tibatan eusian.
Nétral
- Void Black
#0b0b0b— Gambar latar tukang pikeun kaca utama sareng bagian-bagianna; dasar tina sakabéh sistem. - Charcoal Surface
#272a2a— Gambar latar anu didamel tina kardus sareng panel dina daérah anu poék warnana hiji nada langkung hampang tibatan kanvas pikeun nyiptakeun pamisahan permukaan tanpa kalangkang. - Bone
#edebe7— Daérah anu caang dina latar tukang sareng permukaanna warnana krem, dimana sistemna ngalih tina poék ka caang. - Bone Darker
#dfddd9— Warna anu hipu disebut "Tulang" pikeun permukaan anu hampang sareng multi-lapisan sareng unsur-unsur warna anu haneut, ampir bodas. - Pure White
#ffffff— Sadaya téks sareng judul utama, wates tombol hantu, sareng unsur navigasi aya dina warna primér kalayan babandingan kontras 19.7:1 dina latar hideung Void. - Abyss
#050505— Latar tukang pikeun strip warta (strip warta luhur) ditinggikeun - hiji tingkat leuwih poék tibatan kanvas utama supados strip éta nonjol.
Tipografi
ti 11 dugi ka 32px · 5 léngkah
- Pragmatica Cond — panggantian: Oswald · garis besar 400 · Font tampilan sareng antarmuka pangguna utama nyaéta font anu sempit sareng dipadatkan kalayan 14px all-caps pikeun téks awak, 20px pikeun judul bagian, sareng 32px pikeun téks utama. Font anu sempit pisan sareng 14px all-caps pikeun téks awak mangrupikeun solusi anu paling khas pikeun sistem ieu: téks awak dibaca sapertos bisikan tina jinis huruf arsitéktur tinimbang sapertos prosa biasa. Ganti ku Oswald atanapi Barlow Condensed upami Pragmatica Condensed henteu sayogi.
- Pragmatica — panggantian: Inter · garis besar 400 · Hurup utama sekundér anu dianggo pikeun petikan prosa anu langkung panjang (contona, pedaran kartu "Sistem Operasi AI" nyaéta 24px, téks paragraf nyaéta 15px). Rada lega tibatan Pragmatica Cond pikeun gampang dibaca dina blok anu langkung ageung, tapi tetep dina beurat 400—henteu pernah kandel. Ganti ku Inter atanapi Söhne.
- Roboto Mono — panggantian: Roboto Mono (free · garis besar 400 · Mikrofont monospasi pikeun ticker warta ("WARTOS • 15 JUNI 2026 • CRUCIBLE EARLY ACCESS NOW OPEN"). Font monospasi ngan dianggo di dieu, nyiptakeun bédana fungsional anu jelas: ieu data sistem, sanés branding.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 16-20px |
| Radius tombol | 1440px |
| Radius kartu | 10px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 80px |
| Lebar kaca | 1400px |
AI bakal ngawangun situs wéb anjeun dina gaya Ciridae sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Dala — rasi béntang anu ngalayang dina beludru hideung
- Linear — alat presisi tengah peuting
- Resend — beludru hideung kalayan warna neon ungu
- Dovetail — Cetak biru di handapeun bulan hideung—garis grafik anu ampir teu katingali, font bodas, hiji kilauan wungu
- Neon — Rohangan server sanggeus poék. Poék pisan, dimana hiji-hijina cahaya asalna tina data jeung interaksi pamaké.
- Discord — Dunya kaulinan disumputkeun di tukangeun jandela obrolan pop-up - unggal bagian mangrupikeun lingkungan anu mandiri kalayan cahaya sareng sakumpulan karakterna nyalira.
- Aaru — Observatorium Medan Partikel Tengah Peuting
- Atlas Card — Midnight Vault, kalayan hiji-hijina sinar safirna, mangrupikeun hamparan anu poék mongkleng dimana hiji-hijina anu penting nyaéta biru listrik anu poék.
- Midjourney — Terminal bioluminescent di laut jero. Dunya laut jero dimana kecerdasan sacara visual ngahasilkeun dirina dina aliran ASCII, sareng kontrol némbongan salaku pola anu samar-samar hurung.
- Checkly — Pusat Kontrol Misi Orbit Jero
- Krea — galeri hideung tengah peuting
- Wope — Wope nyaéta antarmuka cakrawala wungu. Bayangkeun méja observatorium poék kalayan cahaya wungu nu nyorot ti handapeun kaca.