Seline Analytics
Sıcak kağıt üzerinde sessiz, analitik bir masa.
Seline, tek bir canlı mavi vurguyla sıcak bir taş arka planı (#fafaf9) üzerine yerleştirilmiştir; diğer tüm renkler nötrdür ve Tailwind taş renk paletinden alınmıştır. Başlıklar, 400 ağırlığında ve dar negatif harf aralığına sahip özel tasarlanmış geometrik bir sans-serif yazı tipi (roobert) ile oluşturulmuştur; bu da metne, tipik olarak gürültülü SaaS tarzıyla tezat oluşturan, rahat, neredeyse fısıltı gibi bir güven kazandırır. Kullanıcı arayüzü yüzeyleri, sıcak arka planın üzerinde tek, yumuşak, 16 piksellik bir bulanıklıkla yüzen düz beyaz kartlardır; kenarlıklar, ağır ayırıcılar veya paneller yerine birincil yapısal öğe olarak cömertçe kullanılan ince, 1 piksellik taş tonlu çizgilerle oluşturulmuştur. Düzen nefes alıyor: geniş bir dikey ritim üzerine ortalanmış tam genişlikte içerik, hap şeklinde etkileşimli kontroller, kişiliği yansıtan bir maskot illüstrasyonu ve ürün kanıtı olarak gösterge paneli ekran görüntüleri. Genel izlenim, editoryal olarak analitiktir: sakin, tek renkli, kendinden emin; her şeyin kasıtlı olarak kısıtlanması sayesinde sayfadaki en çarpıcı öğe mavi eylem çağrısıdır.
Sayfa maksimum genişlikte, yaklaşık 1200 piksel genişliğinde ve bol dikey alana sahip. Ana bölüm, mavi renkte vurgulanmış tek bir ifade ("basit ve etkili") içeren iki satırlık, sola hizalanmış bir metin bloğundan oluşuyor; ardından iki eylem çağrısı (mavi hap + hayalet hap) içeren bir satır, daha sonra gri tonlamalı ortak logoları içeren bir satır, ardından güven derecelendirmeleri içeren bir satır ve ardından bir sonraki bölümle hafifçe üst üste binen tam genişlikte kayan bir gösterge paneli önizlemesi geliyor. Sayfanın alt kısmında, tek sütunlu bir ızgarada dönüşümlü olarak referans satırları, ardından özellik açıklamaları, sola hizalanmış metin ve ortalanmış ürün görselleri içeren tam genişlikte bölümler yer alıyor. Navigasyon, minimalist bir üst çubuktan oluşuyor—solda logo, ortalanmış navigasyon bağlantıları, sağda giriş + mavi eylem çağrısı—ve navigasyonun ortasında kimlik doğrulama görevi gören kayan bir avatar kümesi bulunuyor. Bölümler arasındaki boşluklar, yoğun bir bilgi karmaşası yerine editoryal bir ritim oluşturmak için geniş (96 piksel) bırakılmıştır.
Görsel dil, ürünün kullanıcı arayüzünün ekran görüntüleriyle domine ediliyor; gösterge paneli önizlemesi, verilerin renklerini tek renkli bir tona dönüştüren gri tonlamalı (1) (0,94) kontrast filtresiyle oluşturulmuş bir fotoğraftır. Tek insan figürü, analitik içeriğe eğlenceli bir karşıtlık olarak her bölüme bir kez yerleştirilen, yalnızca ana hatlarla SVG stilinde çizilmiş, yumuşak bir gölgeyle derinlik hissi yaratan doğrusal bir maskot çıkartmasıdır (kapüşonlu bir karakter). Marka logosu ve glifler küçük siyah kıvılcımlar/alevlerdir. Fotoğraf yok; yaşam tarzı çekimleri, ekip fotoğrafları, çevre görüntüleri yok. Nesne (gösterge paneli) baş kahramandır. Tüm dekoratif simgeler, asla doldurulmamış, #0c0a09 veya #3ba6f1 renklerinde 1 piksel ana hat stilindedir.
Palet
Marka
- Cyan Signal
#3ba6f1— Sayfadaki tek renk vurguları, eyleme yönelik ana çağrı, aktif bağlantılar ve marka simgelerinin ana hatlarıdır ve bunlar, eyleme dikkat çekmek için az miktarda kullanılmıştır. - Cyan Edge
#3398e1— Mavi, eylem ana hatlarını, bağlantı etiketlerini ve etkileşimli öğeleri vurgulamak için kullanılır. Eylem çağrıları için birincil renk olarak kullanılmamalıdır.
Doğal
- Ink Black
#0c0a09— Ana başlıklar, vurgulanmış metinler ve anlamlı simgeler sıcak, neredeyse siyah bir renkte. - Stone Canvas
#fafaf9— Sayfa arka planı, ekranın beyazlığından ziyade kağıdı andıran sıcak, kremsi bir tondadır. - Pure White
#ffffff— Harita yüzeyleri, çıkıntılı paneller ve giriş alanı dolguları varsayılan olarak düz ve gölgesizdir. - Stone Border
#e8e6e5— Kartlarda, gezinme menülerinde ve giriş alanlarında kullanılan ince kenarlıklar, ayırıcı değil, temel yapısal unsurdur. - Stone Muted
#d6d3d1— Ek çerçeveler, zarif arka plan tonları, dekoratif ayırıcılar. - Ash Gray
#a8a29e— Yardım metni, simge çerçeveleri, devre dışı bırakılmış durumlar - okunabilir ancak etkin değil.
Tipografi
10 ila 52 piksel arası · 5 adım
- Roobert — yenisiyle değiştirme: Inter Tight or Satoshi · ana hatlar 400, 500 · Başlıklar ve metin düzeni için kullanılan yazı tipi, minimal negatif harf aralığına sahip (-0.025em 32 pikselde, -0.021em 52 pikselde) benzersiz bir geometrik sans-serif yazı tipidir. 400 x 52 piksel kalınlığı, yazı tipinin imzasıdır: alışılmadık, incelikli, ancak otoriter ve aynı zamanda abartısız. Başlıklar, baskın olmadan yerlerini alırlar.
- Inter — yenisiyle değiştirme: Inter · ana hatlar 400, 500, 600 · Gövde metni, gezinme menüsü, kullanıcı arayüzü ve başlıklar için kullanılan birincil yazı tipi, ekran dışı tüm metinler için nötr, evrensel bir yazı tipidir. Gövde metni için en yaygın boyut 14 piksel, kalınlık 400 ve satır aralığı 1,64'tür (sıklık 1174). Küçük boyutlarda pozitif harf aralığı (0,004em), yoğun kullanıcı arayüzünün okunabilirliğini sağlar.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ferah |
| Temel adım | 8px |
| Düğme yarıçapı | 9999px |
| Kart yarıçapı | 10px |
| Gölgeler | yumuşak gölgeler |
| Bölümler arasında | 96px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Seline Analytics 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
- ElevenLabs — Sıcak krem tonlarında, incelikli başlıklarla hazırlanmış bir fotoğraf denemesi. Bauhaus tarzı bir defter: yumurta kabuğu renginde kağıt, siyah mürekkep ve ürün sergilemek için tek bir mor ve turuncu vurgu.
- Awesomic — Turuncu noktalama işaretleriyle konfetiyi andıran, editoryal amaçlı çinko ağ.
- Monad — sıcak parşömen üzerine editoryal teknik dergi
- Dub — Link'in mat pirinç kağıdı kontrol paneli
- Notion — Öğlen güneşinde ısınmış bir kağıt defter
- Anthropic — Sıcak parşömen kağıda basılmış bilimsel bir saha dergisi; sakin fildişi yüzeyler, tırnaklı yazı tipi başlıkları ve yalnızca harekete geçilmesi gerektiğinde ortaya çıkan tek bir kil rengi vurgu.
- Calendly — Soğuk mermer üzerine koyu mavi mürekkep
- Augen Pro — Apple'ın beyaz sunumunda, tek renkli bir alanda tek vurgu olarak klinik, ağırlıksız, elektrik mavisi bir renk öne çıkıyor.
- Antimetal — Krem rengi kağıda basılmış bir editörlük günlüğü—bilimsel bir dergide sakin bir sabah; burada ölçülülük özgüveni ifade eder ve serif yazı tipleri ağır işleri üstlenir.
- Perk — Sıcak parşömen kağıdı üzerinde elektrikli kireç
- Ditto — Güneş ışığı altında kır çiçeği örnekleri oluşturulan bir atölye. Sıcak krem rengi yüzeyler, canlı sarı bir taban rengi, koyu lacivert mürekkepler, eserin arkasında açan organik renk formları.
- Officevibe — Sıcak krem rengi kağıda basılmış bir editoryal dergi. İnsan kaynakları yönetimi üzerine düşünceli bir makalenin, modern mavi bir arayüz üzerinden fısıldayan el yazısı bir serif yazı tipiyle bir ürün olarak sunulduğunu hayal edin.