Ciridae
Kor halindeki közlerin titreşiminin duyulduğu boş bir oda - tek sıcak sesin ince bir pas çizgisi olduğu, her yüzeyin gölge yerine ince çizgilerle tanımlandığı neredeyse simsiyah bir katedral.
Ciridae, boşlukta faaliyet gösteriyor: #0b0b0b tuval, zar zor fark edilen konturlara sahip hap şeklinde kontroller ve Pragmatica Cond'un 400 ağırlığındaki büyük harflerine kilitlenmiş tipografi—kalın yazı yok, karışık büyük/küçük harf yok, dekoratif öğeler yok. Tek kromatik nota, en ince vuruşlar ve küçük vurgu noktalama işaretleri olarak kullanılan, asla dolgu olarak kullanılmayan sıcak, için için yanan bir pas tonu olan #cc6437'dir. Haritalar, 10 piksel yarıçaplı ve gölgesiz #272a2a üzerinde yüzer; sistem, yükseklik kavramından kaçınır ve yüzeyleri ton kontrastı ve en ince 1 piksellik kenarlıklarla tanımlar. Fotoğraflar yoğun bir şekilde bulanıklaştırılmış ve atmosferiktir—sıvı mermer, duman, ateş—tam ekran modunda metnin arkasına yerleştirilir, böylece görsel imgeler illüstratif olmaktan çok atmosferik bir his uyandırır.
Sayfa düzeni tam genişliktedir ve içerik yaklaşık 1400 piksel maksimum genişlik içinde ortalanmıştır. Ana başlık, ortada takımyıldız logosu bulunan ve sol ve sağ taraflarında mikro etiketler bulunan koyu, tam genişlikte bir kompozisyondur. Bölümler dönüşümlü olarak yer alır: koyu ana başlık → alt katmanlı açık şerit (Kemik) → koyu dönüşüm metni → koyu sistem kartları ızgarası → koyu altbilgi. Tek açık bölüm, tek ve keskin bir ton geçişi oluşturur. Kart ızgarası 4 sütun kullanır ve ilk kart diğer üçünden yaklaşık iki kat daha geniştir; bu da içeriğe vurgu yapan asimetrik bir düzen oluşturur. Bölümler arasındaki dikey boşluk geniştir (80 piksel+). Navigasyon minimaldir: üstte bir haber çubuğu + sol tarafa hizalanmış bir "Şimdi Başla" ve sağ tarafa hizalanmış bir "Menü" bulunur. Yan çubuk veya mega menü yoktur.
Ana ekran ve kartlarda, sayfanın tamamını kaplayan atmosferik fotoğraflar hakimdir. Görüntüler oldukça bulanık (arka plan bulanıklık değerleri 50px ve 40px olarak tespit edildi) ve yüksek kontrastlıdır; mavi-kırmızı girdaplı sıvı mermer, duman, manzaraların karanlık silüetleri ve ateş/köz dokuları tasvir eder. Fotoğraflar kasvetli ve karanlıktır, canlı değildir; boş tuvalle aynı ton aralığını paylaşırlar, ondan öne çıkmazlar. Ürün fotoğrafı, insan veya kullanıcı arayüzü ekran görüntüsü yoktur. Görüntüler, açıklayıcı içerik olmaktan ziyade atmosfer yaratır. Kart ızgarası, her sistemi farklı bir atmosferik sahneye eşler ve fotoğrafların somut ürün görüntüleri yerine soyut görsel tanımlayıcılar olarak işlev görmesini sağlar.
Palet
Marka
- Ember Rust
#cc6437— Tek renkli bir sistemde, vurgu çizgileri, simge çizgileri ve küçük metin vurguları, dolgu renginden ziyade zar zor fark edilebilen titreşen bir nokta gibi görünen tek renkli unsurlardır.
Doğal
- Void Black
#0b0b0b— Ana sayfa ve bölümler için arka plan resimleri; tüm sistemin temeli. - Charcoal Surface
#272a2a— Koyu alanlardaki karton ve panellerden yapılmış arka plan resimleri, gölge oluşmadan yüzeyler arasında bir ayrım yaratmak için tuvalden bir ton daha açık renktedir. - Bone
#edebe7— Arka planın ve yüzeyin açık renkli alanları krem rengindedir; sistem koyudan açığa geçiş yaptığında bu renkler kullanılır. - Bone Darker
#dfddd9— Çok katmanlı açık renkli yüzeyler ve sıcak, neredeyse beyaz renkteki unsurlar için "Kemik" adı verilen narin bir ton. - Pure White
#ffffff— Ana metin ve başlıkların tamamı, hayalet düğme kenarlıkları ve gezinme öğeleri, Void siyah bir arka plan üzerinde 19.7:1 kontrast oranına sahip birincil renktedir. - Abyss
#050505— Haber şeridinin (üst haber şeridi) kabartmalı arka planı - şeridin daha belirgin görünmesi için ana tuvalden bir ton daha koyu.
Tipografi
11 ila 32 piksel arası · 5 adım
- Pragmatica Cond — yenisiyle değiştirme: Oswald · ana hatlar 400 · Birincil ekran ve kullanıcı arayüzü yazı tipi, gövde metni için 14 piksel büyük harf, bölüm başlıkları için 20 piksel ve ana metin için 32 piksel boyutunda dar, yoğunlaştırılmış bir yazı tipidir. Sistem için en karakteristik çözüm, son derece dar bir yazı tipi ve gövde metni için 14 piksel büyük harf kullanımıdır: gövde metni, sıradan düzyazıdan ziyade mimari bir yazı tipinin fısıltısı gibi okunur. Pragmatica Condensed mevcut değilse, Oswald veya Barlow Condensed ile değiştirin.
- Pragmatica — yenisiyle değiştirme: Inter · ana hatlar 400 · Daha uzun metin pasajları için kullanılan ikincil, birincil bir yazı tipi (örneğin, "Yapay Zeka İşletim Sistemi" kart açıklaması 24 piksel, paragraf metni 15 piksel). Daha büyük bloklarda okumayı kolaylaştırmak için Pragmatica Cond'dan biraz daha geniş, ancak yine de 400 kalınlığında—asla kalın değil. Inter veya Söhne ile değiştirin.
- Roboto Mono — yenisiyle değiştirme: Roboto Mono (free · ana hatlar 400 · Haber şeridi için tek aralıklı mikro yazı tipi ("HABERLER • 15 HAZİRAN 2026 • CRUCIBLE ERKEN ERİŞİM ARTIK AÇIK"). Tek aralıklı yazı tipi yalnızca burada kullanılarak net bir işlevsel ayrım yaratılmıştır: bu sistem verisidir, marka kimliği değildir.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 16-20px |
| Düğme yarıçapı | 1440px |
| Kart yarıçapı | 10px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 80px |
| Sayfa genişliği | 1400px |
Yapay zeka, web sitenizi Ciridae tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- Dala — siyah kadife üzerinde süzülen bir takımyıldızı
- Linear — gece yarısı hassas aleti
- Resend — mor neon renkli siyah kadife
- Dovetail — Kara ay altında bir plan - zar zor görünen grafik çizgileri, beyaz yazı tipi, bir mor kıvılcım.
- Neon — Karanlık çöktükten sonra bir sunucu odası. Tamamen karanlık, tek ışık kaynağı veriler ve kullanıcı etkileşimleri.
- Discord — Oyun dünyası açılır bir sohbet penceresinin arkasında gizlidir; her bölüm kendi aydınlatması ve karakterleriyle bağımsız bir ortamdır.
- Aaru — Gece Yarısında Parçacık Alanı Gözlemevi
- Atlas Card — Tek bir safir ışınıyla gece yarısı mahzeni, yalnızca derin elektrik mavisi renginin önemli olduğu zifiri karanlık bir alandır.
- Midjourney — Derin okyanusta biyolüminesans bir terminal. Zekanın ASCII akışları şeklinde görsel olarak kendini ürettiği ve kontrollerin hafifçe parlayan desenler olarak göründüğü bir derin deniz dünyası.
- Checkly — Derin Yörünge Görev Kontrol Merkezi
- Krea — gece yarısı galeri noir
- Wope — Wope, mor bir ufuk arayüzüdür. Karanlık bir gözlem masasının altından mor bir ışığın yayıldığını hayal edin.