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

Cursor

Köz halindeki kömürlerin aydınlattığı, samimi bir parşömen atölyesi.

Cursor, sıcak, parşömen benzeri bir tipografi kullanıyor: kremsi bir zemin, mürekkep siyahı metin ve düğmeleri doldurmak yerine bağlantıları ve seçimleri etkinleştiren tek bir ateşli turuncu vurgu. 400 ağırlığında CursorGothic yazı tipinde yazılan başlıklar, boyutları arttıkça kademeli olarak azalan harf aralığına sahip; otorite, kalınlık yerine ölçülülük ve ince harf ağırlıklarıyla sağlanıyor. Yüzeyler düz ve kağıt benzeri tutuluyor, ince kenarlıklar ve yumuşak, sıcak gri gölgeler kullanılıyor; köşeler metin boyunca 4 piksel ağırlığında keskin kalıyor. EB Garamond, alt başlıklar ve düz yazı için seçici olarak kullanılırken, berkeleyMono kod, etiketler ve meta verileri işliyor ve sisteme bir SaaS kontrol panelinden ziyade edebi bir dergiye benzeyen tipografik bir kişilik kazandırıyor.

Maksimum genişlik: 1300 piksel ortalanmış, 24 piksel kenar boşluğu. Üst gezinme: Solda logo ve metin işareti bulunan 52 piksel yüksekliğinde şeffaf başlık, ortada 4 gezinme bağlantısı, sağa hizalanmış "Giriş / İletişim / İndir" kümesi. Kahraman: Solda hizalanmış başlık + sol üstten başlayan metinli çift harekete geçirici mesaj bloğu, ardından sayfanın tüm genişliğini kaplayan tam genişlikte bir ürün maketi kartı. Güven şeridi: Bölüm genişliği boyunca tek bir satırda 8 logo karesinden oluşan yatay bir sıra. Özellik bölümleri, iki sütunlu bir düzende, her biri 50/50 oranında, solda metin ve sağda ekran görüntüsü şeklinde dönüşümlü olarak yer alır ve bölümler arasında 64-96 piksel dikey bir ritim bulunur. Tüm özellik ekran görüntüleri, aynı macOS stiline sahip pencere maketleridir. Altbilgi: Solda marka işareti bulunan dört sütunlu bağlantı ızgarası. Bölümler, ayırıcılar yerine geniş bir boşlukla ayrılmıştır - krem rengi tuvalin kendisi ayrımı sağlar.

Ürün ekran görüntüleri ön plana çıkıyor: Cursor IDE'nin çalışmasını gösteren büyük macOS pencere maketleri: dosya sekmeleri, fark görünümleri, temsilci planları, terminal panelleri ve Slack/sohbet entegrasyonu. Her pencere maketi, yumuşak ve sıcak bir kontrastla #f2f1ed kartla çerçevelenmiştir. Ana bölümün ötesine uzanan soluk bir manzara fotoğrafı (dağlar/çöl ufku), arayüzle rekabet etmeden sıcaklık katıyor. Müşteri logoları ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe), hap şeklinde Linen karolar içinde tek renkli harfler olarak sunuluyor. İnsan fotoğrafları, illüstrasyonlar veya soyut dekoratif grafik öğeler yok; tüm görsel ağırlık ürünün arayüzüne ve markalaşmasına odaklanmış durumda. Simgeler, asla kromatik olmayan #7a7974 Ash ile doldurulmuş ince, tek çizgili gliflerdir.

Palet

Doğal

  • Ink #26251e — Ana metin, ana işlem düğmesi arka planı, gezinme metni - sıcak, neredeyse siyah bir ton, asla saf #000 değil.
  • Parchment #f7f7f4 — Sayfa arka planı, yani ana tuval, kontrastı yumuşatan ve dijital baskıdan ziyade mürekkep baskısı hissi yaratan sıcak bir krem tonundadır.
  • Bone #f2f1ed — Tuvalden bir ton daha koyu karton yüzeyler ve yükseltilmiş kaplar, katmanlı, kenarlıksız bir "kağıt üstüne kağıt" etkisi yaratıyor.
  • Linen #e6e5e0 — Koyu yüzeylerdeki düğmeler için açık nötr dolgu rengi.
  • Stone #cdcdc9 — İnce kenarlıklar, ayırıcılar, zarif bölümler – sıcak tonlarda 1 piksellik çizgiler
  • Mist #a1a19f — Üçüncü düzey yardımcı metin, alt yazılar - sessiz ve ikincil metin arasında yer alır.

Tipografi

12 ila 72 piksel arası · 6 adım

  • CursorGothic — yenisiyle değiştirme: Inter · ana hatlar 400, 500 · Kullanıcı arayüzü, başlıklar, gezinme, metin gövdesi ve ürün tasarımı için kullanılan birincil yazı tipi. 400 punto kalınlığında ve kademeli olarak azalan harf aralığına sahip başlıklar (-0.005em 22 pikselde → -0.03em 72 pikselde) yazı tipinin ayırt edici bir özelliğidir: başlıklar asla kalın değildir. ss08, ss09 ve tnum yazı tipi işlevleri, stilistik alternatifleri ve tablo rakamlarını etkinleştirir.
  • EB Garamond — yenisiyle değiştirme: Iowan Old Style · ana hatlar 400, 500 · CursorGothic, alt başlıklar, gövde metni ve tablo verileri için kullanılan, arayüze edebi bir dokunuş katan, editoryal bir serif yazı tipidir.
  • berkeleyMono — yenisiyle değiştirme: ui-monospace · ana hatlar 400, 500 · Monospace - kod blokları, komut satırı parçacıkları, meta veriler, dosya yolları ve geliştirici etiketleri için kullanılan teknik bir dil.

Aralıklar ve biçim

AmaçAnlam
Yoğunlukyoğun
Temel adım8px
Düğme yarıçapı4px
Kart yarıçapı4px
Gölgelerhayır - gölgeler yerine kenarlıklar
Bölümler arasında64-96px
Sayfa genişliği1300px

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

  • Amplemarket — Güneş ışığıyla yıkanmış, her yeri konfetiyle kaplı bir iş yeri.
  • Getharvest — Altın saatte bir masa – sıcak krem rengi bir tuval, tuvalin üzerine asılmış beyaz kartpostallar ve tek bir parlak turuncu alev.
  • Drive Capital — Sıcak kağıda basılmış retro yolculuk posteri
  • Wealthsimple — Galeri aydınlatmalı, kaşmir astarlı depo
  • Huddle — Krem rengi kağıt üzerine pastel renkli envanter kartları.
  • Fuser — Bir tasarımcının çalışma duvarına dağılmış Polaroid fotoğraflar.
  • Campsite — Güneş ışığıyla aydınlanmış bir editör çalışma masası - sıcak krem rengi kağıt üzerinde tek bir turuncu niyet damgası.
  • Redis Agency — Mesai saatleri dışında da açık olan editörlük atölyesi, tüm marka çalışmalarının serif yazı tipleri ve tek bir kırmızı turpla yapıldığı zifiri karanlık bir yerdir.
  • AI Product Generation — Beyaz kağıt üzerine editoryal fotoğraf stüdyosu - kapak olarak başlık, editoryal vurgulama için turuncu renk.
  • Getanchor — Güneşten solmuş krem rengi zemin üzerinde sıcak toprak rengi tonu.
  • Flatfile — Sıcak parşömen üzerine yazılmış sessiz bir veri günlüğü.
  • Inthememory — Tek bir sıcak ışıkla aydınlatılmış beyaz mermer üzerine yapılmış mimari bir çizim. Derin turkuaz mürekkebin ve hap şeklindeki kontrollerin, tek bir turuncu sıçramasıyla bozulan, bembeyaz yüzeylerin üzerinde süzüldüğü sessiz, editoryal bir veri odası.