Calendly
Soğuk mermer üzerine koyu mavi mürekkep
Calendly, sakin ve kendinden emin bir planlama çalışma alanı hissi veriyor: bolca nefes alma alanı sunan neredeyse beyaz bir tuval, serin gri bir arka plana karşı yüzen net beyaz ürün kartları ve saf siyah yerine koyu mavi mürekkeple oluşturulmuş tüm tipografi. Belirleyici unsur, metnin göründüğü her yerde (başlıklar, düğmeler, simgeler, bağlantılar) kullanılan koyu mavi renk (#0b3558) olup, tüm arayüzü yumuşatarak tipik bir SaaS açılış sayfasından daha sıcak ve şık hale getiriyor. Tüm birincil işlemler için tek bir parlak mavi (#006bff) kullanılırken, ürün düzenlerinin ötesine uzanan dekoratif pembe ve mavi sıçramalar, karmaşa yaratmadan sıcaklık katıyor. Bileşenler abartısız tutulmuş: ince 1 piksellik kenarlıklar, hafif mavi tonlu gölgeler, büyük 24 piksellik kart yarıçapları ve 8 piksellik düğme köşeleri, sıradan olmaktan ziyade kasıtlı bir his veriyor.
Maksimum genişlik 1200 piksel, ortalanmış, masaüstünde geniş kenar boşlukları. Ana ekran iki sütuna ayrılmıştır: sol sütun 80 piksellik bir başlık + gövde metni + üst üste yerleştirilmiş giriş düğmelerini içerirken, sağ sütun arka planda dekoratif öğeler içeren bir rezervasyon widget kartı içerir. Ana ekranın altında, Trust logosunun bulunduğu tek, tam genişlikte bir şerit bulunur. Sonraki bölümler, ortalanmış başlık blokları (H2 + alt metin + isteğe bağlı harekete geçirici mesaj) ve ardından her ürün resminin arkasında dekoratif vurgu öğeleri bulunan özellikleri açıklayan iki sütunlu bloklar (sol metin/sağ ürün veya sol ürün/sağ metin) arasında dönüşümlü olarak yer alır. Kart ızgaraları nadiren kullanılır; düzen, çok sütunlu ızgaralar yerine yan yana yerleştirilmiş eşleştirilmiş bölümleri tercih eder. Bölümler arasındaki boşluk 48 ila 64 piksel arasında değişir. Navigasyon, solda logo, ortalanmış bir menü ve sağda bir grup harekete geçirici mesaj içeren 64 piksellik sabit bir üst çubuktan oluşur.
Ana görsel öğe, geniş ve yuvarlak köşeli, net beyaz kartlar üzerine işlenmiş, rezervasyon takvimi kullanıcı arayüzünün basit maketleri olan ürün ekran görüntüleridir. Dekoratif tasarım: Her ürün kartı, hafifçe kaydırılmış ve bulanıklaştırılmış, mercan moru (#e55cff) veya açık mavi (#0099ff) yumuşak bir nokta ile çevrilidir; bu da düz bir ekran görüntüsü yerine kolaj etkisi yaratır. Fotoğraf yok, yaşam tarzı görselleri yok; tüm görsel öğeler, ürün kullanıcı arayüzünü, soyut vurgu şekillerini veya güven çubuğundaki tek renkli ortak logolarını temsil eder. Simgeler, 1,5-2 piksel çizgi genişliğine sahip, tek renkli, koyu mavi (Mürekkep Laciverti) veya mavi (Sinyal Mavisi) renkte doğrusaldır.
Palet
Marka
- Ink Navy
#0b3558— Ana metin, başlıklar, simgeler, harekete geçirici mesajlar için koyu arka plan, gezinme bağlantıları. - Signal Blue
#006bff— Birincil eylem çağrısı (CTA), aktif gezinme, bağlantı vurgusu, seçilen eyaletler
Doğal
- Carbon
#0a0a0a— Tamamen siyah renkte metin (yedek), logo simgesi, simge dolgusu. - Slate Gray
#476788— Ek ana metin, destekleyici metin, soluk etiketler. - Mist Gray
#a6bbd1— Devre dışı bırakılmış metin, etkin olmayan işlev etiketleri, açık renkli simge çerçeveleri - Cloud
#f8f9fb— Sayfa tuvali, altbilgi arka planı, ekstra yüzey - Paper
#ffffff— Kart yüzeyleri, kabartmalı paneller, koyu arka plan üzerinde düğme yazısı. - Pebble
#f0f3f8— Simge arka plan resimleri, giriş alanı gölgelendirmesi, ince ayırıcılar, fareyle üzerine gelme efektleri.
Tipografi
12 ila 80 piksel arası · 10 adım
- Gilroy — yenisiyle değiştirme: Manrope · ana hatlar 400, 500, 600, 700 · Tüm arayüz metni. Gilroy, geniş açıklıklara ve düzgün vuruş kontrastına sahip geometrik hümanist bir sans-serif yazı tipidir; kalın ağırlıkları (700) başlıklar için, 500-600 ise düğmeler ve alt başlıklar için kullanılır. Manrope veya Inter ile değiştirin.
- Gilroy — yenisiyle değiştirme: Inter · ana hatlar 400 · Gövde metni ve genel amaçlı kullanıcı arayüzü etiketleri - 400 punto yazı tipi kalınlığı, uzun metinlerin ağır görünmeden okunabilir olmasını sağlar.
- Gilroy — yenisiyle değiştirme: Inter · ana hatlar 500 · İkincil başlıklar ve vurgulanmış gövde metni - 14/500 yazı tipi, kart başlıkları ve satır içi etiketler için birincil araçtır.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 8-16px |
| Düğme yarıçapı | 8px |
| Kart yarıçapı | 24px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 48-64px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Calendly 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
- ElevenLabs — Sıcak krem tonlarında, incelikli başlıklarla hazırlanmış bir fotoğraf denemesi. Bauhaus tarzı bir defter: yumurta kabuğu renginde kağıt, siyah mürekkep ve ürün sergilemek için tek bir mor ve turuncu vurgu.
- Awesomic — Turuncu noktalama işaretleriyle konfetiyi andıran, editoryal amaçlı çinko ağ.
- Monad — sıcak parşömen üzerine editoryal teknik dergi
- Dub — Link'in mat pirinç kağıdı kontrol paneli
- Seline Analytics — Sıcak kağıt üzerinde sessiz, analitik bir masa.
- Notion — Öğlen güneşinde ısınmış bir kağıt defter
- Anthropic — Sıcak parşömen kağıda basılmış bilimsel bir saha dergisi; sakin fildişi yüzeyler, tırnaklı yazı tipi başlıkları ve yalnızca harekete geçilmesi gerektiğinde ortaya çıkan tek bir kil rengi vurgu.
- Augen Pro — Apple'ın beyaz sunumunda, tek renkli bir alanda tek vurgu olarak klinik, ağırlıksız, elektrik mavisi bir renk öne çıkıyor.
- Antimetal — Krem rengi kağıda basılmış bir editörlük günlüğü—bilimsel bir dergide sakin bir sabah; burada ölçülülük özgüveni ifade eder ve serif yazı tipleri ağır işleri üstlenir.
- Perk — Sıcak parşömen kağıdı üzerinde elektrikli kireç
- Ditto — Güneş ışığı altında kır çiçeği örnekleri oluşturulan bir atölye. Sıcak krem rengi yüzeyler, canlı sarı bir taban rengi, koyu lacivert mürekkepler, eserin arkasında açan organik renk formları.
- Officevibe — Sıcak krem rengi kağıda basılmış bir editoryal dergi. İnsan kaynakları yönetimi üzerine düşünceli bir makalenin, modern mavi bir arayüz üzerinden fısıldayan el yazısı bir serif yazı tipiyle bir ürün olarak sunulduğunu hayal edin.