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.
ElevenLabs, sıcak, beyaz ve minimalist bir tarzda çalışıyor: yumurta kabuğu rengi bir tuval (#fdfcfc), siyah yazı tipi ve tek katmanlı sıcak bej yüzeyler (#f5f3f1). Marka kimliği sakin ve kendinden emin; neredeyse ayırt edilemeyen Waldenburg 300 yazı tipi, başlıkları son derece net bir şekilde vurgularken (-0.02em), Inter 400/500 diğer her şeye sakin bir tarafsızlık kazandırıyor. İki vurgu rengi – canlı mor #0447ff ve canlı turuncu #ff4704 – yalnızca ürünün görsel öğelerinde (ses küreleri, ürün simgeleri) öne çıkıyor, asla kullanıcı arayüzünde krom olarak kullanılmıyor. Bileşenler, ince 1 piksellik kenarlıklar, kartlarda geniş 20 piksellik yarıçaplar ve tamamen dolu 9999 piksellik düğmelerle düz veya hafifçe yükseltilmiş kalıyor. Sistem, krem rengi kağıt üzerinde bir Bauhaus stüdyosunu anımsatıyor: ölçülü, editoryal ve teknik olarak hassas.
Tam genişlikteki bölümler, 1280 piksel dış boşluklarla tek, maksimum genişlikte bir orta sütunda dikey olarak düzenlenmiştir. Ana bölüm asimetriktir: başlık 48 piksel Waldenburg seviyesinde sola hizalanmıştır, açıklama metni sağa hizalanmıştır ve başlığın altında iki hap şeklinde düğme bulunmaktadır. Ana bölümün altında, tüm içerik genişliğini kapsayan büyük bir sekmeli gezinme çubuğu yer almaktadır. Bölümler, 96-125 piksel dikey boşluklarla yumurta kabuğu rengi ve bej arka planlar arasında dönüşümlü olarak yer almaktadır. Altbilgi, kompakt, tek bir şerittir. Gezinme, minimalist bir üst çubuktur; sabit bir davranış veya mega menü yoktur. İçerik ritmi, yayın stiliyle uyumludur: bol beyaz alan, bölüm başına bir ana görsel öğe ve "Güven" bölümünün altında kart ızgaraları yoktur.
Görsel tasarımda renk şeması baskındır: Yumuşak ses küreleri (mor, turuncu ve pembe arasında radyal geçişlere sahip 200 pikselden büyük daireler) biçimindeki büyük gradyanlar ana grafik öğe olarak görev yapar. "Güven" bölümündeki logolar, mat bir tuval arka planı üzerinde düşük kontrastlı gri tonlamalı olarak sunulmuştur. Fotoğrafçılık minimaldir; yaşam tarzı veya ürün fotoğrafları yoktur. İkonografi seyrek ve tek renklidir (siyah çerçeveli veya dolu ikonlar, renkli ikonlar yok). Görsel sistem, bir ürün kataloğundan ziyade bir tasarım yayınını anımsatır; pazarlama etkisinden ziyade editoryal kısıtlama ön plana çıkar.
Palet
Marka
- Violet Spark
#0447ff— Ürün Görsel Vurgusu - Yalnızca ses alanı illüstrasyonlarında ve dekoratif ürün simgelerinde görünür; arayüz öğelerinde asla kullanılmaz.
Doğal
- Eggshell
#fdfcfc— Sayfa tuvali, düğme yüzeyleri ve kart yüzeyleri, dijital parlamayı önlemek ve siteye kağıt dinginliği kazandırmak için keskin beyaz yerine sıcak, hafif kremsi bir tondadır. - Warm Taupe
#f5f3f1— Ayırıcı şeritler, dekoratif kartlar ve mat yüzeyden bir adım daha derin olan ek bir yüzey katmanı, sessiz, kenarlıksız bir ayrım yaratır. - Stone
#ebe8e4— İnce kenarlıklar, ayırıcılar ve simge arka planları, soğuk bir his vermeden bej ve orta gri arasında yer alan sıcak bir gri tonundadır. - Ink
#000000— İster metin gövdesi, ister dolgulu düğmeler, gezinme menüsü veya bağlantılar olsun, saf siyah, sıcak bir renk paletinin temelini oluşturur ve sistemdeki tek keskin kontrastı yaratır. - Graphite
#44403b— Gövde metni, bölüm başlıkları - siyahın sertliğinden uzak, çarpıcı olması gereken metinler için ince, sıcak koyu gri bir ton. - Smoke
#777169— Ana metin, ayrıntılı açıklamalar ve alt yazılar orta sıcak gri tonlarındadır; kartların ve tematik metinlerin baskın, okunaklı ancak sakin üslubu bu tonlardadır.
Tipografi
10 ila 48 piksel arası · 8 adım
- Waldenburg — yenisiyle değiştirme: Inter (300) or Söhne Light · ana hatlar 300 · Sadece başlıklar ve tasarım öğeleri için. 48/36/32 piksel formatlarında ve 300 yazı tipi ağırlığında kullanılır; ultra hafif bir yazı tipi alışılmadık bir durumdur; çoğu web sitesi 600-700 kullanır; bu incelikli yazı tipi, kısıtlama yoluyla otoriteyi iletir. -0.02em'lik dar harf aralığı, daha büyük boyutlarda harfler arasında daha yakın bir uyum sağlar. Alternatifler: 300 ağırlığında "Inter" veya daha hafif bir alternatif olarak "Söhne".
- Inter — yenisiyle değiştirme: Inter or system-ui · ana hatlar 400, 500 · Ekran dışında kalan her şey: gövde metni, gezinme, düğmeler, bağlantılar, etiketler, giriş alanları, kartlar. Varsayılan kalınlık 400'dür; 500, düğmeler ve vurgulanmış bağlantılar için ayrılmıştır. Boyutlar 10 ile 10 arasında değişir ve azaltılmış satır aralığı (1,47–1,6) ile paragraflara nefes alma alanı sağlar. 14 ile 3 arasındaki boyutlarda +1 (2) küçük harf aralığı, küçük boyutlarda okunabilirliği artırır.
- Geist Mono — yenisiyle değiştirme: JetBrains Mono or IBM Plex Mono · ana hatlar 400 · Kod veya teknik metnin yanında yer alan, 13 piksel boyutunda mikro metin; teknik etiketler veya meta veriler için nadiren kullanılır (sıklık = 28). Tek katmanlı, 1,69'luk büyük satır yüksekliği.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 8-16px |
| Düğme yarıçapı | 9999px |
| Kart yarıçapı | 20px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 96-125px |
| Sayfa genişliği | 1280px |
Yapay zeka, web sitenizi ElevenLabs 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
- Mollie — Kaşmir bir tezgah, koyu renkli bir defter. Siyah metnin etrafında editoryal tasarım için bolca beyaz alan bırakın, ardından ürünle ilgili noktaları sıcak krem tonları, espresso kahverengileri ve gerçek ödeme yöntemlerinin dokunsal fotoğraflarıyla pekiştirin.
- Kagi — Ayrı bir okuma odası. Kalın grafit yazılar etrafında açık beyaz bir alan oluşturun, sakinliği bozmak için ince mor vurgular ve sıcak pastel yüzeyler kullanın.
- Milanote — Milanote, kendini yaratıcı çalışmalara adamış bir stüdyodur. Yüzen görsel panolar kullanarak editoryal galeri tarzı sayfalar oluşturun: koyu çerçeveli duvarlar, beyaz ekran alanı ve yumuşak bir derinliğe sahip gerçek nesnelere benzeyen ekran görüntüleri.
- Co2 — Kış ışığında bir iklim atlası. Serif başlıkların, kategori kodlu verilerin ve buzlu görüntülerin geniş beyaz kenar boşluklarını vurguladığı, havadan çekilmiş bir belge manzarası gibi sayfalar oluşturun.
- GitButler — Metnin sonunda turkuaz rengi. Yüksek kontrastlı serif başlıkların, ince teknik ızgaraların, sıcak grafit yüzeylerin ve zarif bir turkuaz vurgunun birleşimi.
- 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.
- Calendly — Soğuk mermer üzerine koyu mavi mürekkep