Dala
siyah kadife üzerinde süzülen bir takımyıldızı
Dala, siyah boşlukların tek bir canlı mor vurguyla buluştuğu, kehribar parıltılarla kesintiye uğrayan karanlık bir alan sunuyor. Tipografi monolitik ve ağırlıksızdır; 400 ağırlığındaki PPNeueMontreal yazı tipi, her başlığı büyük boyutta (78–113 piksel) ve agresif negatif harf aralığıyla domine ederek başlıkların bilgilendirici olmaktan çok heykelsi bir görünüm kazanmasını sağlıyor. Görsel merkez, organik bir beyin şekli oluşturan küçük, çok renkli üçgen parçacıklardan oluşan bir takımyıldızıdır ve bu da markanın imzası niteliğindeki jesti temsil eder: hiyerarşik veriler yerine dağıtılmış zeka olarak görselleştirilen bilgi. Düzen, geniş iki sütunlu bir ritmi takip eder; büyük boyutlu, sola hizalanmış başlıklar, geniş gövde metniyle eşleştirilir ve paneller, çerçeveler veya kartlar olmadan temiz siyah bir arka plana karşı yüzer. Bileşenler kasıtlı olarak en temel biçimlerine indirgenmiştir: tek bir mor hap düğmesi, gizli metin bağlantıları ve büyük metin blokları.
Tam genişlikteki bölümler, maksimum 1280 piksel genişliğinde ve ortalanmış içerik genişliğine sahip, tamamen siyah bir zemin üzerine yerleştirilmiştir. Ana bölüm, asimetrik iki sütunlu bir düzene sahiptir: sol tarafta büyük, sola hizalanmış bir başlık (113 piksel), ana metin ve harekete geçirici mesaj bulunurken, sağ tarafta devasa ölçekte bir "parçacık beyin" görselleştirmesi yer almaktadır. Sonraki bölümler, iki sütun arasında (solda görsel/sağda metin, ardından solda metin/sağda görsel) dönüşümlü olarak ilerleyerek zikzaklı bir okuma ritmi oluşturur. Bölümler arasındaki boşluklar geniştir (dikey olarak 60-120 piksel). Kart ızgaraları, fiyat tabloları veya çok sütunlu özellik açıklamaları yoktur; içerik, geniş iki sütunlu metin-görsel bloklar halinde düzenlenmiştir. Navigasyon, kenar çubuğu veya mega menü içermeyen minimalist, şeffaf bir üst çubuktur. Öğelerin yoğunluğu son derece yüksektir - görüntü alanı başına bir veya iki öğe, asla bilgiyle aşırı yüklenmez.
Görsel tasarım tamamen prosedürel ve soyuttur; takım portreleri dışında hiçbir fotoğraf kullanılmamıştır. Markanın görsel kimliği, binlerce küçük, konturlu üçgen parçacığın oluşturduğu yoğun bir buluttur ve bu parçacıklar canlı bir renk yelpazesinde (mor, kehribar, turkuaz, mor, mavi) işlenerek organik bir beyin/nöron şekli oluşturur. Bu parçacık alanı animasyonludur ve hem ana görsel hem de marka kimliği öğesi olarak hizmet eder. Daha düşük yoğunluktaki çevreleyen parçacıklar, sayfa arka planında hareket eder. Üçgenlerin konturları, 1-2 piksel çizgi kalınlığı, keskin kenarları ve zengin, kromatik renkleri vardır; asla gri tonlama kullanılmaz. Takım portreleri, kenarlıksız veya üst üste binmeyen büyük, yuvarlak dikdörtgenler (124 piksel yarıçap) olarak gösterilir. Ürün ekran görüntüleri, yaşam tarzı fotoğrafları veya 3D render'lar kullanılmamıştır; parçacık sistemi, görsel markanın ta kendisidir.
Palet
Marka
- Electric Iris
#8052ff— Ana işlem düğmeleri, logo ve marka vurguları, siyah bir arka plana karşı etkileşimi ve marka kimliğini simgeleyen tek, zengin bir mor renktedir.
Doğal
- Void
#000000— Sayfa tuvali, bölüm arka planları, boşluk—baskın yüzey koyu gri değil, tamamen siyahtır; bu da renk vurgularının özgürce ortaya çıkmasına olanak tanıyan bir boşluk yaratır. - Bone White
#ffffff— Başlıklar, gövde metni, simge dolgusu, aktif gezinme durumu - siyah bir arka plan üzerinde maksimum hiyerarşi sağlayan tek tipografik renk. - Ash Gray
#9a9a9a— Ana metnin arkasında gizlenen gezinme metni, yarı saydam bağlantı rengi ve ek etiketler görünmez hale gelmez. - Silver Mist
#bdbdbd— Ek metin, altyazı düzeyinde bilgi - bağlamı desteklemek için en sessiz ve en okunaklı gri renk. - Saffron Spark
#ffb829— Metni vurgulamak, bağlantıları öne çıkarmak ve noktalama işaretleriyle dikkat çekmek; mor bir arka plana karşı sıcak sarı renk kullanımı, marka için renk gerilimi yaratıyor. - Deep Verdant
#15846e— İkincil yüzey renklendirmesi, gradyan logo geçişi, marka gradyanının daha koyu bir kenarı ve neredeyse fark edilmeyen vurgu geçişleri şeklinde kendini gösterir.
Tipografi
12 ila 113 piksel arası · 10 adım
- PPNeueMontreal — yenisiyle değiştirme: Inter · ana hatlar 200, 400, 600, 700 · Tüm kullanıcı arayüzü bağlamlarında tutarlı bir yazı tipi kullanılır. Ekran boyutlarındaki (78–113 piksel) başlıklar, gövde metniyle aynı ağırlıkta ancak daha büyük ölçek hiyerarşi yaratan -0,04em harf aralığına sahip 400 ağırlığında bir yazı tipi kullanır. 18 piksel gövde metni için 200 ağırlığında (ultra hafif bir yazı tipi) bir yazı tipi ayrılmıştır; bu markaya özgü bir karardır: çoğu yapay zeka/SaaS sitesi gövde metni için 400 kullanır, ancak Dala paragrafları havadar ve agresif olmayan bir şekilde tutmak için ağırlığı azaltır. Navigasyon ve küçük başlıklar için 14 piksel harf aralığı, 0,025em harf aralığı ve büyük harflerle 600 ağırlığında bir yazı tipi kullanılır. Hem 113 piksel başlıklar hem de 15 piksel gövde metni için 400 kullanılması alışılmadık bir durumdur; bu, markanın hiyerarşi oluşturmak için ağırlıktan ziyade ölçeğe güvendiğini gösterir.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 6-18px |
| Düğme yarıçapı | 24px |
| Kart yarıçapı | 24px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 60-120px |
| Sayfa genişliği | 1280px |
Yapay zeka, web sitenizi Dala 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
- Linear — gece yarısı hassas aleti
- Resend — mor neon renkli siyah kadife
- 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.
- 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.