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
Caldera — bu tarzda bir sitenin önizlemesi

Caldera

Sıcak kireçtaşı üzerinde ateş yakılmış gibi. Tuval, ham, sıcak alçıdan yapılmış ve her turuncu unsur, yüzeye bastırılmış kor halindeki közler gibi görünüyor.

Caldera, erimiş turuncuyla yıkanmış sıcak bir kireç taşı zemin üzerinde çalışıyor. Arayüz düz ve gölgesiz olup, neredeyse mimari ölçekte (189 piksele kadar) ultra kalın, yoğunlaştırılmış yazı tipinin tüm yapısal yükü taşımasına olanak tanıyor. Tek bir canlı turuncu (#fc5000), tek renkli, sıcak griler arka planına karşı tek ve agresif kromatik vurgu görevi görüyor; plazma moru ana yarım tonlu görüntü için, kükürt sarısı ise etiketler için ayrılmış. Görsel dil volkanik: yoğunlaştırılmış, kalın harfler, yarım tonlu nokta desenleri, kartlarda ve düğmelerde 40 piksel yarıçaplar ve 800 piksel hap şeklinde kontroller—yumuşak, kağıt benzeri bir yüzeyde hapsolmuş sıcaklık.

Görsel palet minimalist ve özenli. Ana pencere, fotoğraf yerine soyut bir yarım ton nokta deseni (mor-turuncu geçişli turuncu noktalar) kullanıyor; bu, dekorasyon değil, markanın sanatsal bir ifadesi olarak hizmet ediyor. Ürün bilgileri ve duyurular içeren kartlar, birleşik bir grafik sistemi sağlamak için ya düz Ember blokları ya da yarım ton Plasma Violet'i görüntü dolgusu olarak kullanıyor. Ortak/entegrasyon logoları, açık bir arka plan üzerinde tek renkli simgeler olarak görünüyor. Fotoğraf, 3D render veya yaşam tarzı görselleri yok. Simgeler küçük, tek renkli ve minimalist; Discord, X ve Telegram navigasyonda basit glifler olarak yer alıyor. Görsel dil, fotoğrafik değil, grafik ve editoryal: stok görsellerden ziyade poster tasarımına benziyor.

Palet

Marka

  • Ember #fc5000 — Ana işlem düğmeleri, istatistik kartları ve önemli görsel vurgular, agresif renk vurgusu olarak kullanılan tek unsurlardır; sıcak gri tonlarına karşı zenginliği, ek dekoratif öğelere gerek kalmadan aciliyet hissi yaratır.
  • Plasma Violet #524ae9 — Ana Yarım Ton Gradyan Tabanı, Ek Bir Kart Yüzeyi - Neredeyse tamamen ana nokta deseninde ve özel bir kartta kullanılır; asla kontrol amaçlı kullanılmaz.

Doğal

  • Sulfur #f5f28e — Etiket ve kategori simgelerinin arka planı, blog yazısı kategorilerini ve program duyurularını belirtmek için kullanılan yumuşak sarı bir renktir.
  • Limestone #f7f6f2 — Kart yüzeyleri, içerik bloğu arka planları ve ek düğme dolguları, öğelerin sayfa tuvalinde öne çıkmasını sağlayan daha açık, daha sıcak bir beyaz tonundadır.
  • Pumice #e2e2df — Sayfanın ana arka planı, her bölüm için temel oluşturan sıcak, orta tonlu bir gri renktir; karton yüzeyinden biraz daha koyudur ve bu sayede gölgeler olmadan figür ve arka plan arasında ince bir ayrım sağlanır.
  • Obsidian #070607 — Ana metin, başlıklar, bağlantı metinleri ve düğme çerçeveleri, tuvalin sıcak renkleriyle uyumlu, neredeyse fark edilmeyen sıcak bir tonla birlikte neredeyse siyahtır.
  • Chalk #ffffff — Koyu bölümlerdeki metin, koyu arka planlar üzerindeki giriş metni, yüksek kontrastlı kaplamalar - Saf beyaz yalnızca koyu yüzeylerle maksimum kontrast gerektiğinde kullanılır.

Tipografi

12 ila 189 piksel arası · 10 adım

  • PP Neue Corp Compact — yenisiyle değiştirme: Bebas Neue · ana hatlar 400 (Ultrabold cut) · Tüm başlıklar ve ana metinler. Özel olarak tasarlanmış, yoğunlaştırılmış, ultra kalın bir yazı tipi, başlıklara endüstriyel, tabela benzeri bir ağırlık kazandırıyor. Ana bloktaki 189 piksel boyutu, markanın imza stilini yansıtıyor: yoğunlaştırılmış, tipografik olmaktan ziyade neredeyse yapısal. "ss06" ve "ss10" ayarları, daha agresif, yoğunlaştırılmış bir ritim için alternatif harf biçimlerini ve aralıklarını etkinleştiriyor. Pozitif harf aralığı (+0,02em), ekran boyutları için alışılmadık bir durumdur ve 80-189 pikselde metnin sıkışık görünmesini önler.
  • DM Sans — yenisiyle değiştirme: Inter · ana hatlar 500 (Medium only — never Regular or Bold) · Ana metin, gezinme bağlantıları, düğme etiketleri ve ikincil başlıklar 30 piksele kadar kalınlıktadır. Orta kalınlıkta yazı tipi bilinçli olarak seçilmiştir; Normal yazı tipi, ekstra kalın başlık yazı tipine karşı çok ince görünürken, Kalın yazı tipi de onunla rekabet ederdi. DM Sans, endüstriyel başlık yazı tipine insancıl, hafif geometrik bir karşıtlık oluşturur.
  • System sans-serif — yenisiyle değiştirme: Inter · ana hatlar 400 · Altyazılar, meta metinler, tarihler, mikro etiketler. Yalnızca 12px'te kullanılır; burada boyut tasarrufu, ağırlık ve marka tanınırlığından daha önemlidir.

Aralıklar ve biçim

AmaçAnlam
Yoğunlukortalama
Temel adım16px
Düğme yarıçapı40px
Kart yarıçapı40px
Gölgelerhayır - gölgeler yerine kenarlıklar
Bölümler arasında80px
Sayfa genişliği1280px

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

  • teenage engineering — Stüdyo aydınlatması endüstriyel kataloğu - sayfadaki tek önemli nesne ürün olup, diğer her şey onun etrafında ele alınmaktadır.
  • basement — Saat gece 3'te bomboş bir matbaa – simsiyah zemine yayılmış devasa, sıkıştırılmış yazı tipleri, gezinme çubuğunda tek bir turuncu ışık parıltısı, geri kalan her şey beyaz veya hayalet gibi gri.
  • amra — Beyaz bir zemin üzerinde yanardöner bir küre—lavanta rengi vurgusu, neredeyse tamamen renksiz bir sayfadaki tek renk dokunuşu ve tek bir gradyan küre, genellikle ana illüstrasyonun yaptığı işi yapıyor.
  • Stink Studios — Gece yarısı bir film stüdyosu - projektör vızıldıyor, oda karanlık, sadece film aydınlatılıyor.
  • Andrei Rybin — Tek renkli bir eskiz defteri, telefon ekranlarının kontak baskı sayfaları gibi beyaz bir duvara yapıştırıldığı bir tasarımcı defteridir.
  • Uniswap Cup — E-spor müsabakasının yayını, bir prototip sahada gerçekleşiyor; pembe bir kalemle beyaz karelerden ve ince çizgilerden oluşan bir ızgara çizilmiş.
  • Freytag Anderson — Sinema perdesi tek bir kelimeyle açılıyor. Dev bir hareketli görüntü tüm ekranı kaplıyor, marka adı bir köşede jenerik gibi duruyor ve başka hiçbir şey dikkat dağıtmıyor.
  • Integrated Biosciences — gece yarısı biyolüminesans laboratuvarı
  • Vercel — Terminal beyaz kağıda basılmıştır.
  • Mintlify — Cam bir masanın üzerinde bir bulut bahçesi. Elle çizilmiş gökyüzü ve belgesel birlikte çerçevelenmiş; sayfa manastır beyazlığına bürünmeden önce renk ve kavramın çarpıştığı tek yer burası.
  • Gleap — Sıcak krem tonlarında, grafit detaylarla dekore edilmiş bir çalışma alanı; mat siyah mürekkep noktalarının keten kumaşın üzerinde adeta süzülüyormuş gibi göründüğü bir stüdyo.
  • ClickUp — Beyaz mermer üzerinde güçlü bir kontrol paneli. Sayfa, bir verimlilik aracı için ürün broşürü niteliğinde; bu nedenle görsel dil, ürünün kendisinden ödünç alınmış: yoğun listeler, durum göstergeleri, avatar grupları ve sergilenen bir ürün spesifikasyonuna benzeyen cesur tipografik ifadeler.