Telegram, WhatsApp+380637610482
Valery Danyuk
Valery Danyukgeliştiriciİşletmeler için yapay zeka araçları geliştiriyoruz. Yüksek kalite. Uygun fiyat.Telegram'dan yaz
Slash — bu tarzda bir sitenin önizlemesi

Slash

Altın yaldızlı defterlerle dolu gece kasası

Slash, gece yarısı galerisi modunda çalışıyor: neredeyse siyah bir tuval, beyaz yazı tipi ve noktalama işareti görevi gören tek bir sıcak bakır vurgu. Başlıklar, aşırı boyutlarda (88 piksele kadar) kullanılan yüksek kontrastlı didone serif yazı tipi olan Ivy Presto ile görüntüleniyor; bu serif ve sans-serif yazı tiplerinin çarpışması, sisteme geleneksel bankacılığın aracı kurum ciddiyetinden uzak, finansal bir ciddiyet kazandırıyor. Kullanıcı arayüzünün geri kalanı kasıtlı olarak sade: ince kenarlıklar, hap şeklinde kontroller, kompakt 16 piksel gövde metni ve yazı tipinin nefes almasını sağlayan ince bir yukarı doğru kıvrım. Tek bir altın gradyan (grafik çizgisi, mikro vurgular), tek renkli sisteme sıcaklık katıyor ve tasarım kitlesi için oluşturulmuş bir Bloomberg terminalinin sıcak parıltısını çağrıştırıyor.

İçerik 1216 piksel genişliğinde, ortalanmış ve 160 piksel dikey boşluklara sahip. Ana ekran, bölünmüş bir kompozisyona sahip koyu, tam genişlikte bir tuvaldir: altında e-posta adresi alanı bulunan sol hizalı serif başlık (64-88 piksel genişliğinde) ve sağda %50 genişliğinde büyük bir ürün arayüzü kartı (kontrol paneli ekran görüntüsü). Sonraki bölümler, Inter yazı tipinde bir alt başlık içeren tek sütunlu, ortalanmış bir başlık (serif, 44-64 piksel genişliğinde) ve ardından özellik açıklamaları/referanslar/bloglar için üç sütunlu kart ızgaraları kullanır. Navigasyon, sabit bir üst çubuktur: solda logo, ortada menü (Şirket, Ürünler, Çözümler, Müşteriler, Fiyatlandırma, SSS), sağ hizalı giriş (göze çarpmayan) ve başlangıç kılavuzu (beyaz dolgulu öğe). Altbilgi, şirket bilgileri ve yasal bildirimler içeren yoğun beş sütunlu bir bağlantı ızgarasına sahiptir. Sayfa, içerik açısından zengin ızgara bölümleri ve tam ekran istatistikler arasında geçiş yapar; ritim, değişen arka plan renkleri yerine sütunlar arasındaki geniş beyaz boşlukla oluşturulur (tüm sayfa tek, birleşik bir tuval olarak sunulur).

Fotoğraflar editoryal ve doğalcı bir tarzda: kurucuların ve ekip üyelerinin gerçek çalışma ortamlarındaki (ofisler, oturma odaları, şantiyeler) sıcak portreleri. Görseller, kart çerçevelerini kenardan kenara, boşluksuz olarak dolduruyor. Referans kartlarının alt kısmında metin okunabilirliğini artırmak için koyu bir gradyan kullanılıyor. Estetik anlayış—"LinkedIn ile editoryal derginin buluşması"—sıradan, insancıl ve biraz sade, asla hazır fotoğraflarla cilalanmamış. Makale küçük resimleri, fotoğrafları resimli konseptlerle birleştiriyor (bir labirentte duran bir kişi, para dolu çantalarla dolu bir şömine). Ürünün kullanıcı arayüzü, tam opaklıkta karanlık modda, sayfanın üzerinde ince koyu yüzeylerde – merkezi bir unsur olarak – görüntüleniyor. Simgeler, #2e3038 veya #777a88 renklerinde 1 piksel kalınlığında tek renkli olup, asla marka rengiyle doldurulmuyor.

Palet

Doğal

  • Bone #e2e3e9 — Ana metin için büyük yazı tipi boyutu, ayrıntılı veri etiketleri ve çoğu kullanıcı arayüzü öğesinde standart bir metin tonu.
  • Obsidian #08080a — Sayfa tuvali, altbilgi arka planı ve en koyu yüzey, hafif mavi bir tonla neredeyse siyah renktedir.
  • Onyx #040406 — Kartın yüzeyi, yani ek arka plan, görsel efekt için sayfadan bir adım daha derindir.
  • Carbon #121317 — Kabartmalı paneller, göze batmayan kullanıcı arayüzü dolgusu - Surface Stack'in evriminde fark edilir derecede daha hafif ilk adım.
  • Graphite #1c1d22 — Kenarlıklar, ayırıcılar, simge kutuları, kontrol kaydırıcıları—yapıyı tanımlayan en ince renk tonu.
  • Slate #2e3038 — Ek kenarlıklar, soluk simge çizgileri, içerik blokları arasında ince ayırıcılar.

Tipografi

13 ila 88 piksel arası · 9 adım

  • Ivy Presto — yenisiyle değiştirme: Playfair Display · ana hatlar 400, 500 · Başlıklar ve alt başlıklar için kullanılan bir serif yazı tipi; yalnızca 28 piksel ve üzeri boyutlardaki başlıklar ve bölüm başlıkları için kullanılır. İnce serifli yüksek kontrastlı didone vuruşları, editoryal bir lüks hissi yaratır; 0,01em'lik küçük pozitif harf aralığı alışılmadık olup yazı tipine basılı, muhasebe benzeri bir görünüm kazandırır. Bu serif yazı tipi, markanın temel ayırt edici özelliğidir; Slash'ı, varsayılan olarak geometrik sans-serif yazı tiplerini kullanan diğer tüm SaaS fintech şirketlerinden ayırır.
  • Inter — yenisiyle değiştirme: Inter (self-hosted via Google Fonts) · ana hatlar 300, 400, 500, 600, 700 · UI Sans—ana metin, gezinme menüsü, düğmeler, etiketler, bağlantılar, form alanları ve alt başlıklar. Ana metinde göze batmayan ikincil metin için 300 punto; orta vurgulu metin ve düğme etiketleri için 500 punto; küçük harflerle yazılmış kategori etiketleri için ise 600 punto kullanılmıştır. Negatif harf aralığı 2'den (-3) başlayarak azalır ve boyut küçüldükçe azalır; bu, Inter yazı tipinin optik ölçeklendirmesinin tipik bir özelliğidir.

Aralıklar ve biçim

AmaçAnlam
Yoğunlukferah
Temel adım8px
Düğme yarıçapı9999px
Kart yarıçapı10px
Gölgelerhayır - gölgeler yerine kenarlıklar
Bölümler arasında160px
Sayfa genişliği1216px

Yapay zeka, web sitenizi Slash 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

  • Modal — Karanlık bir sunucu odasında fosforlu bir terminal - tek ışık kaynağı parlak yeşil bir renk.
  • AgentQL — Geceleyin terminalin üzerinde kuzey ışıkları.
  • GitHub — Biyolüminesans kontrol noktalarına sahip bir uzay komuta paneli; tek bir yeşil parıltının ileriyi gösterdiği karanlık, atmosferik bir çalışma alanı.
  • Doppler — Kasanın gece yarısı mor ışıklandırması. Neredeyse siyah olan tuval, tek bir lavanta rengi sinyal ve yeşil bir onay ışığıyla parlıyor; her yüzey kavranabilecek kadar kavisli.
  • Basedash — Mat yazı tipine sahip gece yarısı bir veri terminali. Ölçümlerin mor ve yeşil renkte parladığı, serifli başlıkların gürültünün üzerinde süzüldüğü ve beyaz hap şeklindeki düğmelerin yumuşak siyah yüzeylerden oluşan bir odadaki tek parlak nesneler olduğu karanlık bir gözlem evi.
  • Superwhisper — Kuzey ışıkları gece yarısı camının üzerinde kayboluyor.
  • Better Stack — Midnight SRE Konsolu
  • Langbase — Gece Yarısı Kuzey Işıkları konsolu
  • Astro — Derin Uzay Görev Kontrol Merkezi, bir bulutsudan yayılan tek bir mor ışıkla aydınlanıyor.
  • Wayfinder — Ekranda, canlı bir illüstrasyonun üzerinde zar zor duyulabilen bir başlık bulunan siyah bir film perdesi. Arayüz, kontrol paneli yerine parlaklık kaydırıcısından oluşuyor.
  • HashiCorp — Gece yarısı mor neon ışıklarla aydınlatılmış kontrol odası, parlayan altıgen bir küpün tek renk referansı olarak hizmet ettiği karanlık bir teknik yüzeydir.
  • Umbrel — Gece sunucu odasında, tek bir şeftali rengi parıltının gerçekten önemli olanı vurguladığı karanlık bir odada, sıcak bir ateş çukuru.