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

Linear

gece yarısı hassas aleti

Linear tasarım sistemi, neredeyse siyah yüzeyler (#08090a) üzerine kurulu, net beyaz yazı tipi ve işlevsel bir el feneri görevi gören tek bir açık yeşil vurgu (#e4f222) ile geceye özgü bir komuta merkezidir; küçük, yüksek kontrastlı ve eylemleri belirtmek için az miktarda kullanılmıştır. Arayüz, karanlığı bir tema yerine bir temel olarak ele alır: metin, sıkı harf aralığına (-0.022em) sahip net beyaz renktedir, yazı tipi ağırlıkları kalın yerine 400-510 aralığındadır ve kenarlıklar, genellikle gölgelerin yaptığı işi geometrinin yapmasına izin vermek için ultra incedir (0,5 piksel). Bileşenler hassas bir şekilde tasarlanmış hissi verir—6 piksel ve 12 piksel yarıçaplar, kompakt 8-12 piksel kenar boşlukları ve neredeyse tamamen dekoratif öğelerin yokluğu—bu da ürün arayüzünün (görev kartları, Kanban panoları, yapay zeka ajan panelleri) aksi takdirde sakin bir sistemde tek görsel doku olmasını sağlar.

Sayfa düzeni, yaklaşık 1200 piksel maksimum genişliğe sahip, ortalanmış ve koyu bir arka planla ekranın kenarlarına kadar uzanıyor. Ana öğe, sola hizalanmış (64-72 piksel) büyük bir başlık ve sağa hizalanmış bir harekete geçirici mesaj (CTA) olup, bunu maksimum genişliğin biraz ötesine uzanan büyük bir ürün ekran görüntüsü takip ediyor. Bölümlerin ritmi, solda metin ve sağda resim bulunan iki sütunlu kompozisyonlar ile 96 piksellik dikey boşluklarla ayrılmış tam genişlikte ürün gösterim şeritleri arasında değişiyor. Müşterinin logosunun bulunduğu şerit tek bir yatay satırdan oluşuyor. Sayfa asla üç sütunlu kart ızgaraları veya döşemeli yapılar kullanmıyor; bilgi yoğunluğu düşük kalıyor, çoğu bölüm bol beyaz alan ve ekranda tek bir odak öğesi kullanıyor. Navigasyon, sola hizalanmış bir logo ve sağa hizalanmış bağlantılar içeren sabit bir üst çubuktan oluşuyor, kenar çubuğu veya mega menü bulunmuyor.

Linear'ın görsel dili, ürün ekran görüntülerine dayanmaktadır: Başlangıçtaki ve bölümlerdeki illüstrasyonlar, Linear uygulamasının kullanıcı arayüzünün gerçek görüntüleridir ve ince çerçeveler içine yerleştirilmiş görev kartları, Kanban panoları, yapay zeka ajanı kontrol panelleri, komut paletleri gibi unsurların en ince ayrıntısına kadar yakalanmış halleridir. Stok fotoğraflar, yaşam tarzı görselleri veya soyut illüstrasyonlar kullanılmamıştır. Logolar, müşteriler için tek tip boyutta nötr gri bir şerit (#8a8f98) olarak görüntülenir. Simgeler, tek renkli gri tonlamalı minimalist doğrusal SVG görüntüleridir. Sayfanın üst kısmındaki ekran görüntüsü, gerçek manzaralar kullanılmadan atmosferik derinlik yaratan ince bir doğrusal gradyan (koyu renkten açığa) üzerinde hareket eder. Her görsel öğe, ürünün kendisinin işlevsel bir öğesidir.

Palet

Marka

  • Acid Lime #e4f222 — Ana kontrol düğmeleri ve aktif gezinme göstergeleri, tek renkli düzeni bozan parlak bir vurgu oluşturuyor.

Doğal

  • Mist #d0d6e0 — İkincil başlıklar, koyu yüzeylerdeki düğme metni
  • Void #08090a — Sayfa tuvali, tam genişlikte arka plan resmi - varsayılan olarak tüm öğeler bu arka plana yerleştirilir.
  • Carbon #0f1011 — Kart yüzeyleri ve gezinme çubukları, kartların içine içerik yerleştirmek için tuvalin bir üst seviyesidir.
  • Obsidian #161718 — Kabartmalı yüzeyler, daha derin karton paneller
  • Graphite #23252a — İnce kenarlıklar, ayırıcılar, ince düğme hatları – düşük kontrastlı dokulu kenarlar
  • Smoke #383b3f — İnce kenarlar, grafit (bölüm ayırıcılar) ile karşılaştırıldığında daha yüksek kontrasta sahiptir.

Tipografi

13 ila 72 piksel arası · 8 adım

  • Inter Variable — yenisiyle değiştirme: Inter (variable) · ana hatlar 300, 400, 510, 590 · Birincil Kullanıcı Arayüzü ve Başlık Yazı Tipi - Gezinme menüsünde, gövde metninde, başlıklarda, düğmelerde ve kartlarda kullanılır.
  • Berkeley Mono — yenisiyle değiştirme: JetBrains Mono · ana hatlar 400 · Kodun yanındaki kullanıcı arayüzü metni - sürüm tanımlayıcıları (ENG-2703), klavye kısayolları, tek aralıklı yazı tipi meta verileri

Aralıklar ve biçim

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

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

  • Aaru — Gece Yarısında Parçacık Alanı Gözlemevi
  • Atlas Card — Tek bir safir ışınıyla gece yarısı mahzeni, yalnızca derin elektrik mavisi renginin önemli olduğu zifiri karanlık bir alandır.
  • Checkly — Derin Yörünge Görev Kontrol Merkezi
  • Savee — Görsel Küratörler için Siyah Tuval
  • Inngest — Aletlerle çalışmaya uygun donanıma sahip, tek bir kehribar rengi pilot ışığıyla aydınlatılmış, karanlık ve sessiz bir gözlemevi.
  • Dala — siyah kadife üzerinde süzülen bir takımyıldızı
  • Origin Financial — Sessiz bir ihtişamın gece yarısı galerisi. Büyük serif yazı tipleri ve birkaç aydınlatılmış renkli panelin, finansın özenle tasarlanmış bir sanat eseri olduğu hissini yarattığı, sessiz, neredeyse karanlık bir oda.
  • Hyperstudio — Tasarım obsidyene kazınmıştır. Metin ve ince çizgiler, saf siyah beyaz bir alanı çerçevelerken, arada sırada altın rengi pusula işaretleri yolu gösterir.
  • Air — "Camdan Gece Gökyüzü" heykeli
  • Resend — mor neon renkli siyah kadife
  • Raycast — Gece Yarısı Komuta Merkezi, Mercan Neon
  • Dimension — Buzlu cam panellerle donatılmış, alacakaranlıkta aydınlatılan bir çalışma alanı.