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

Huly

Gece Yarısı Gözlemevi'ndeki Kuzey Işıkları - baş kahraman, mercana doğru solan dikey bir mor ışın demeti ve altındaki her sessiz bölüm, daha sakin bir tonda anlatılan aynı iki tonlu hikayeyi ödünç alıyor.

Huly, kozmik bir çalışma alanının ambiyansını çağrıştırıyor: ana öğeyi kesen tek bir mor-kehribar parıltısıyla neredeyse siyah bir tuval ve altında, verimliliği artırmak için daha sakin bir ızgara. Sistem dar bir renk aralığında çalışıyor; katmanlı grafit yüzeylere karşı tüm marka çalışmalarını parlak bir mavi ve bir mercan rengi yapıyor, bu nedenle karanlık mod asla nötr hissettirmiyor. Tipografi, işlevsel her şey için Inter stili olup, önemli noktalar için 80-84 piksel aralıklı ve agresif negatif harf aralığına sahip özel bir yazı tipi (Esbuild) ayrılmıştır. Bileşenler kapsül şeklindedir: kontrollerde 9999 piksel yarıçap, kartlarda 12 piksel, minimal gölge ve ana dekorasyon olarak parlayan degrade çizgiler. Sayfa, tam sayfa karanlık alanlar ve sakin aydınlık bölümler arasında geçiş yapar, bu nedenle yeni bir ekran, renkleri seçmeden önce modu belirlemelidir.

Tam genişlikteki ana sayfada, kuzey ışıklarının dikey bir demeti ve sola hizalanmış bir başlık ile sağ alt köşede konumlandırılmış bir ürün ekran görüntüsü yer alıyor. Ana sayfanın altında, maksimum 1200 piksel genişliğinde, koyu ve açık şeritlerin dönüşümlü olarak kullanıldığı bir içerik alanı bulunuyor. Her bölüm tek bir dikey bloktan oluşuyor: bir başlık ve 96 piksel aralıklarla ayrılmış 3 veya 4 sütunlu bir kart ızgarası. "MetaBrain" bölümü, ortalanmış bir başlık ve çeşitli boyutlarda kartlardan oluşan bir mozaik (büyük bir ana kart ve daha küçük destekleyici kartlar) ile ızgarayı bölüyor. Sayfa, SaaS standartlarına uygun olarak içerik açısından yoğun, ancak her bölüme nefes alma alanı sağlamak için dönüşümlü koyu ve açık şeritler kullanıyor. Navigasyon, kaydırdıkça opak hale gelen tek bir şeffaf üst çubuktan oluşuyor.

Ana unsur, fotoğraf içermeyen saf bir aurora gradyanıdır. Tüm illüstrasyonlar, ürünün kullanıcı arayüzünün (karanlık modda Kanban, gelen kutusu, takvim) gerçek ekran görüntüleridir ve hem kanıt hem de dekorasyon görevi gören kart çerçeveler içinde yer alır. Yaşam tarzı fotoğrafları, stok görseller veya 3D render'lar kullanılmamıştır. Kullanıcı arayüzüyle ilgili olmayan tek görsel unsur, auroranın tabanında yer alan ve CSS gradyanı olarak oluşturulmuş sıcak, radyal bir güneş ışığı parıltısıdır. Simgeler, #95979 veya beyaz renkte tek renkli çizgi simgelerdir, asla çok renkli değildir. Sistem, kendi karanlık kullanıcı arayüzünü ana unsur olarak ele alır; ürün ise fotoğraflardır.

Palet

Marka

  • Electric Iris #5683da — Ana arka plan, aktif navigasyon göstergesi ve çarpıcı Kuzey Işıkları vurgusu (simsiyah bir arka plan üzerinde canlı mor-mavi renk), kurumsal faaliyetten ziyade etkileşim izlenimi yaratıyor.
  • Ember Pulse #ff8964 — İkinci bir vurgu, sıcak bir kuzey ışıkları bölgesi, bir bildirim noktası ve bir illüstrasyon vurgusu; mavinin ciddiyetini kıran ve ışına sıcaklık katan kehribar rengi bir ton.

Doğal

  • Obsidian Canvas #303236 — Sayfa arka planı, baskın yüzey, hafif bir sıcaklık tonuyla neredeyse siyah bir renktir ve tüm içerik için standart ortamdır.
  • Void #090a0c — Ana ekrandaki gradyanlar, modal arka planlar ve tuvalle bütünleşmesi gereken çerçeveler için en derin yüzey katmanı.
  • Charcoal Card #111111 — Tuvalin bir basamak üstüne yerleştirilmiş, karton ve panellerden yapılmış yükseltilmiş yüzeyler.
  • Slate Edge #4a4b50 — Koyu yüzeylerdeki ince kenarlıklar ve ayırıcılar.
  • Iron Veil #6b6c6d — Etiketler, liste öğesi dolguları ve devre dışı bırakılmış dolgular için soluklaştırılmış arka plan.
  • Smoke #95979e — Orta gri renkteki temel çalışma öğeleri simge çerçeveleri, ek metin ve etkin olmayan kontrollerdir.

Tipografi

11 ila 80 piksel arası · 8 adım

  • Inter — yenisiyle değiştirme: DM Sans · ana hatlar 300, 400, 500, 600, 700 · Kullanıcı arayüzündeki tüm işlevsel metinler (gövde metni, gezinme, düğmeler, liste öğeleri, etiketler ve küçük başlıklar) vurgu için 500-600, gövde metni için 400 ve göze batmayan meta veriler için seyrek olarak 300 yazı tipi kalınlığıyla kullanılır.
  • Esbuild — yenisiyle değiştirme: Sora · ana hatlar 400, 500, 600 · Yalnızca görüntüleme amaçlı: açılış başlıkları, bölüm başlıkları ve MetaBrain makale başlıkları. Yoğunlaştırılmış geometri ve sık harf aralığı, 84 pikselin SaaS projelerinden ziyade editoryal çalışmalara daha uygun olduğu izlenimini yaratır. Asla 28 pikselin altında kullanmayın.

Aralıklar ve biçim

AmaçAnlam
Yoğunlukferah
Temel adım12px
Düğme yarıçapı9999px
Kart yarıçapı12px
Gölgeleryumuşak gölgeler
Bölümler arasında96px
Sayfa genişliği1200px

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

  • monday — Pastel çıkartmalarla süslenmiş beyaz atölye
  • Slack — Sahne patlıcan renginde ve beyaz spot ışıklarıyla aydınlatılmış. Koyu erik rengi, karanlık alanlarda hakimken, krem rengi tuval, büyük ve avangard başlıkların özgürce nefes almasını sağlıyor.
  • Base44 — Güneş ışığıyla aydınlanmış defter, limon yeşili kalemle yazılmış.
  • Supahub — Mor bir tepenin üzerinde yumuşak gün ışığı. Çoğunlukla beyaz, havadar bir tuval, tek bir parlak mor güneş tarafından aydınlatılıyor; dekoratif degrade küreler negatif alana renk katıyor ve cömert yuvarlak geometri her yüzeye hoş, elle tutulur bir ağırlık veriyor.
  • Raycast — Gece Yarısı Komuta Merkezi, Mercan Neon
  • Dimension — Buzlu cam panellerle donatılmış, alacakaranlıkta aydınlatılan bir çalışma alanı.
  • Wiza — Lavanta rengi bir sisle örtülü, alacakaranlıkta bir mineral araştırma gözlemevi.
  • Paste — Beyaz mermer üzerinde kehribar rengi bir fener; markanın sıcak tonlardaki logosu, karla kaplı bir binadaki tek aydınlatılmış pencere gibi, uçsuz bucaksız beyaz alanda süzülüyor.
  • Reworkd — Ürün şemasındaki yumuşak gün ışığı, kendi başına konuşan tek renktir; bu renk, eylem düğmesi ve üzerindeki degrade başlıktır.
  • Reflect Notes — Yıldızlı mor uzay, notaların neredeyse simsiyah çivit mavisi bir boşluğun fonunda takımyıldızlar gibi süzüldüğü karanlık bir gözlemevidir.
  • Ameba — Gece yarısı kontrol odası – buzlu cam panellerin içinde elektrik mavisi bir titreşim.
  • Todoist — Güneş ışığı alan bir çalışma alanı, kağıt bir ajanda – sıcak krem rengi bir masa, mürekkepli notlar, bir kırmızı kalem.