
Ventriloc
Sıcak kağıt üzerindeki verilerin editoryal gözlem evi - tek bir turuncu kor, tek renkli hassasiyeti vurguluyor.
Ventriloc, sakin ve editoryal bir ses tonuyla konuşuyor: sıcak, canlı beyaz bir zemin, tek aralıklı, yüksek hassasiyetli veri kartları ve tek renkli yapıyı, basılı bir rapordaki fosforlu kalem gibi vurgulayan tek bir turuncu kömür rengi. Sistem, başlıklar için 400 punto ağırlığında özel olarak tasarlanmış neo-grotesk bir yazı tipi (PolySans) ile gövde metni ve arayüz öğeleri için Inter yazı tipini birleştiriyor – bu, hacim yoluyla otoriteyi hassasiyet yoluyla otoriteye feda eden alışılmadık bir kısıtlama. Yüzeyler, soğuk, teknolojik bir mavi yerine sıcak gri ve krem tonlarında; kartlar asimetrik köşe yuvarlamasına sahip (sağ üst köşe keskin, diğer yerlerde yumuşak) ve etkileşimli öğeler iki farklı lehçeye ayrılıyor: keskin açılı metin tarzı düğmeler ve hap şeklinde gezinme kutuları. Renkler az kullanılıyor: sayfalar %95 oranında renksiz bir tarzda tasarlanmalı ve turuncu yalnızca vurgulama, bağlantıların altını çizme ve verilerin dekoratif vurguları için işlevsel noktalama işareti olarak kullanılıyor.
Maksimum genişlik 1200 piksel olan konteyner, ortalanmış ve bölümler arasında 80 piksellik geniş boşluklar bırakılmıştır. Ana öğe iki sütuna ayrılmıştır: solda başlık, alt metin ve iki adet harekete geçirici düğme; sağda ise beyaz bir zemin üzerinde yüzen, üst üste binen üç veri kartı (finansal grafik, gelir istatistikleri, karlılık halkası) yer almaktadır. Ana öğenin altında, beyaz bir arka plan üzerinde tam genişlikte bir ortak logo şeridi bulunmaktadır. Sonraki bölümler, kül rengi (#efefef) ve beyaz şeritler arasında dönüşümlü olarak yer almaktadır. Navigasyon, başlığın ortasına yerleştirilmiş, hap şeklinde yüzen bir konteynerdir; marka logosu sola, koyu renkli "Bize Ulaşın" düğmesi ise sağa hizalanmıştır. Genel ritim ferah ve editoryaldir; geniş kenar boşlukları, yüksek bölümler ve veri kartları, tipografi dışında tek görsel noktalama işaretini oluşturmaktadır.
Görsel tasarım neredeyse tamamen veri odaklı: grafik öğeleri (çizgi grafikler, dairesel ilerleme çubukları, istatistik kartları) beyaz karton yüzeyler üzerinde ince turuncu ve pirinç çizgilerle düz, minimalist bir tarzda tasarlanmıştır. Ana sayfada yaşam tarzı fotoğrafları, stok görseller veya illüstrasyonlar bulunmamaktadır. Tek fotoğraf içeriği, tek renkli grafit olarak sunulan ortak/müşteri logolarıdır. Görsel dil, tipik bir SaaS web sitesinden ziyade basılı bir yıllık rapora daha yakındır; grafikler GÖRSELLERDİR. Simgeler ince, tek çizgili ve grafit renklidir ve gezinme çubuğunda ve kart başlıklarında seyrek olarak görünürler.
Palet
Marka
- Ember Orange
#ff682c— Turuncu, bağlantıları, etiketleri ve kısa ifadeleri vurgulamak için kullanılır. Eylem çağrıları için birincil renk olarak kullanılmamalıdır.
Doğal
- Graphite
#202020— Ana metin, başlıklar, gezinme bağlantıları, simge çerçeveleri – bunlar her arayüz öğesinin tipografik temelini oluşturur. - Canvas White
#ffffff— Sayfa arka planı, kart kabartması, simge dolgusu—sistemdeki en parlak yüzey. - Ash
#efefef— Kartın ve bölümün ana arka planı, gezinme çubuğunun bulunduğu alan, ağırlıklı olarak sıcak gri bir yüzeydir. - Fog
#f5f5f5— İç içe geçmiş yüzeyler ve ikincil kaplar için ince bir arka plan tonu. - Ivory
#ebe6dd— Ana bloklar için sıcak tonlu, kağıt benzeri bir arka plan. - Steel
#4d4d4d— İkincil ana metin, uzun paragraf metni
Tipografi
14 ila 66 piksel arası · 5 adım
- PolySans — yenisiyle değiştirme: Inter Tight or Space Grotesk at weight 400 · ana hatlar 400 · Başlıklar ve Dekoratif Metinler - Özel olarak tasarlanmış neo-grotesk bir yazı tipi, yalnızca 400 kalınlıkta ve -0.02em harf aralığında kullanılarak, kalın başlıkların asla taklit edemeyeceği incelikli bir editoryal otorite yaratır.
- Inter — yenisiyle değiştirme: system-ui or Roboto · ana hatlar 400, 500, 600 · Gövde metni, kullanıcı arayüzü öğesi etiketleri, düğme metni, başlıklar, meta veriler - başlık olmayan her şey için evrensel bir sans-serif yazı tipi.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 20px |
| Düğme yarıçapı | 0px |
| Kart yarıçapı | 8px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 80px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Ventriloc 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
- Ui — mat kağıda klinik plan
- Geniestudio — Yumuşak gün ışığı tonlarında bir defter—geniş kenar boşlukları ve tek kalın kalem darbesiyle aydınlanan türden.
- xAI — Sıcak Krem Laboratuvarı Siyah Hap ile
- Cal — Tek renkli pratiklik, insancıl bir yaklaşım. Sıkı bir siyah-beyaz palet aracılığıyla netliği ve işlevselliği önceliklendiren, ancak bunu samimi tipografi ve yuvarlak şekillerle yumuşatan bir sistem.
- Scale — Müze kalitesinde yüksek kaliteli bir fotoğraf laboratuvarı ile teknik bir projenin birleşimi
- Contractbook — Deniz mavisi bir gökyüzünün altında krem rengi kağıttan yapılmış sözleşmeler
- AutoSend — Tek bir mor ışıkla aydınlatılmış, taştan yapılmış, samimi bir stüdyo; burada serif yazı tipleri ve parlak indigo renkli eylem çağrıları, sessiz, neredeyse beyaz bir mekânda bir arada bulunuyor.
- Air — "Camdan Gece Gökyüzü" heykeli
- SpatialChat — beyaz parşömen üzerinde mor nabız
- Squarespace — Sinematik Tek Renkli Galeri
- Giga — Buzlu obsidyen üzerinde gece ufku
- Supabase — Gece yarısı fosforlu yeşil bir noktaya sahip bir kod düzenleyici—kömür tozu denizinde tek bir kromatik nabız atışı