Superhuman
altın saat editör kurulu
Superhuman, editoryal fotoğrafçılık ve yazılım arayüzünün kesişim noktasında yer alıyor; sıcak, parşömen benzeri bir tuval (asla tamamen beyaz değil), bordo marka öğelerini ve canlı mor vurguları çerçeveliyor. 460 yazı tipinde yazılmış başlıklar, bağırmak yerine fısıldıyor ve tam sayfa sinematik fotoğrafların ağır işi yapmasına olanak tanıyor; yarı saydam ürün arayüzü kartları ise görsellerin üzerinde cam gibi süzülüyor. Palet çoğu zaman sakin ve editoryal kalıyor: krem yüzeyler, kömür rengi metin, ince sıcak gri kenarlıklar ve öğeler arasında geniş boşluklar; renk ise kasıtlı marka vurgulamaları için ayrılmış durumda: tek bir bordo harekete geçirici mesaj, mor bağlantılar, açık leylak rengi eklenti düğmesi. Sistem, arayüz yüzeylerinde güçlü gölgelerden ve gradyanlardan kasıtlı olarak kaçınıyor; derinlik, yığma efekti yerine, katmanlı fotoğrafçılık ve başlıkta ince arka plan bulanıklığı ile elde ediliyor.
Ana öğe, ortalanmış bir başlık (48-64 piksel/460) ve şarap görseliyle doldurulmuş tek bir harekete geçirici mesaj içeren tam genişlikte bir fotoğraftır; sol ve sağ kenarlara şeffaf ürün arayüzü kartları yerleştirilmiştir. Ana öğenin altında beyaz şeritli bir logo şeridi (satır başına 6 hücre, maksimum genişlik sınırlı) ve ardından parşömen tuval üzerinde beyaz kart yüzeylerine sahip bir sekme bölümü bulunur. Sayfanın yaklaşık üçte ikisinde, tam genişlikte, iki sütunlu (solda resim, sağda metin) koyu turkuaz bir şerit ritmi bozar ve kaydırırken tek ton kontrastını oluşturur. Ardından degrade bir atmosferik şerit gelir. Bölümler arasındaki dikey boşluk 64-96 pikseldir. Maksimum içerik genişliği, ana öğe ve koyu şerit görünüm alanının tam genişliğini kaplayacak şekilde ortalanmış ~1200 pikseldir. Navigasyon, bulanık bir arka plana sahip tek bir sabit başlıktır; kenar çubuğu veya mega menü yoktur. Altbilgi, çok sütunlu bağlantı düzenine sahip, tam genişlikte bordo bir sayfadır. Genel ritim şu şekildedir: ana çerçeve → sakin beyaz/krem içerik → ana görselin yer aldığı koyu şerit → atmosferik gradyan → bordo altbilgi; açık ve koyu şeritlerin dönüşümlü kullanımıyla editoryal bir tempo oluşturulmuştur.
Başlıca görsel unsur sinematik fotoğrafçılıktır: Açık gökyüzüne karşı tam genişlikte bir portre odak noktası görevi görürken, ikinci bir atmosferik şerit sayfanın alt kısmına yerleştirilmiştir. Görüntü sıcak tonlu, incelikle soluklaştırılmış ve profilden çekilmiştir, altın saati anımsatarak kurumsal bir havadan ziyade editoryal bir his yaratır. Yarı saydam geometrik dikdörtgenler ve el yazısı yazılar içeren koyu bir şerit, düşüncelere dalmış bir adamın fotoğrafının üzerine yerleştirilmiştir - tek bir görüntüden ziyade yüzeylerden oluşan bir kolaj. Kullanıcı arayüzü, ayrı ekran görüntüleri yerine doğrudan fotoğrafın üzerine yerleştirilmiş yüzen cam kartlar olarak sunulmaktadır. Gradyan atmosferik şerit dışında, hazır illüstrasyonlar, 3D renderlar veya soyut dekoratif formlar yoktur. Simgeler, 460 punto metin ağırlığına karşılık gelen tek bir genişliğe sahip, ~16-20 piksel genişliğinde minimalist tek renkli çizgi simgelerdir.
Palet
Marka
- Midnight Wine
#421d24— Ana işlem düğmeleri, banner reklamı ve altbilgi, kırmızıdan çok mürekkebi andıran, sıcak, neredeyse siyah bir bordo tonunda olup, renk paletini baskın olmadan tamamlıyor. - Royal Violet
#714cb6— Mor renk, bağlantıları, etiketleri ve kısa ifadeleri vurgulamak için kullanılır. Eylem çağrıları için ana renk olarak kullanılmamalıdır.
Doğal
- Lilac Mist
#d4c7ff— İkincil yüzey dolgusu, ışıklı simgeler ve hayalet düğme arka planlarının tümü, markanın tarzına dikkat çekmeden gönderme yapan soluk bir mor renge sahiptir. - Deep Lagoon
#0c4243— Ana anlatım öğesi olarak kullanılan şeridin koyu arka planı, sistemdeki tek koyu yüzey olup, üzerine yerleştirilmiş geometrik bir desenle birleştirilmiştir. - Warm Parchment
#f2f0eb— Sayfanın çalışma yüzeyi baskın unsurdur; beyazın yerini alan sıcak krem rengi, tüm sisteme editoryal bir sıcaklık katmaktadır. - Soft Mist
#e3e3e2— İnce kenarlar, kart çerçeveleri, ayırma çizgileri—parşömenle uyumlu ancak kenarları net bir şekilde belirleyen sıcak, açık gri bir ton. - Ink Charcoal
#292827— Gövde metni, başlıklar, simge çerçeveleri - kağıt üzerindeki mürekkep gibi hissettiren, yeterince kahverengi içeren, sıcak, neredeyse siyah bir renk, asla soğuk değil #000 - Stone Gray
#666666— İkincil metin, destekleyici metinler, ayrıntılı açıklamalar - ana metinle asla rekabet etmeyecek şekilde, az miktarda kullanılan tek bir orta gri tonu.
Tipografi
12 ila 64 piksel arası · 8 adım
- Super Sans VF — yenisiyle değiştirme: Inter (closest open equivalent for variable weight range) · ana hatlar 460, 500, 540, 600, 700 · Sistemde tek bir yazı tipi kullanılıyor. Eksen değişkenleri, 460'tan (tüm büyük başlık metinleri için imza niteliğinde, hafifçe kırpılmış bir yazı tipi) 540'a (vurgulanmış gövde metni) ve 700'e (küçük, kalın alt yazılar) kadar uzanıyor. Özel olarak tasarlanmış bir VF, 460 ağırlığındaki başlıkların rastgele değil, daha bilinçli görünmesini sağlıyor; 48-64 pikselde ve dar harf aralığıyla, "hafifçe kırpılmış" etkisi ince değil, kendinden emin olarak algılanıyor.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 8px |
| Düğme yarıçapı | 16px |
| Kart yarıçapı | 16px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 64-96px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Superhuman 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
- AI for Business — Sıcak gri tonlarında brutalist tarzda dekore edilmiş yayın evi.
- Jeton — Sıcak mermer üzerine fintech hakkında bir başyazı.
- Airtable — Farklı renklerle işaretlenmiş bölümlerden oluşan samimi bir seminer.
- Osmo — Gri Beton Üzerindeki Geliştiriciler Müzesi
- Linktr — Editör afişleri şeker gibi üst üste dizilmiş. Web sitesi renk blokları şeklinde tasarlanmış; parlak yeşil başlıklar kobalt mavisi duvarlara karşı yerleştirilmiş ve bordo zeminler üzerinde beyaz hap şeklinde gezinme öğeleri bulunuyor.
- Outsource Consultants — Kemik rengi kağıt üzerine basılmış büyük formatlı bir mimari sayfa. Tek bir parlak indigo lekesinin, aksi halde sıcak ve tipografik olarak maksimalist ızgarayı kestiği monografik bir estetik.
- Streamtime — Dokunsal Yaratıcı İlham Panosu - Tasarımcı Scrapbooking Masası
- Switch-Lit — Editörlük tablosu krem rengi kağıt üzerine mürekkeple basılmıştır.
- HubSpot — Sıcak krem rengi kağıt üzerine tek bir turuncu vurgu. HubSpot, kalın kağıda basılmış bir tasarımcı dergisine benziyor; serif başlıklar, sıcak krem rengi sayfalar ve en önemli noktaları vurgulayan tek bir ateşli turuncu detay.
- Granola — Sıcak parşömen üzerine yazılmış saha notları—Granola, güneş ışığıyla aydınlanmış bir masada açılmış, yıpranmış bir Moleskine defterini andırıyor: serif başlıklar sağlamlık hissi veriyor, bitki bazlı mürekkep gibi organik yeşil vurgular ve kartların kenarlarındaki ince çizgiler el yazısı notları andırıyor.
- Secure — Gün ışığında Avrupa'daki bir kafede yapılan bir sohbet, video görüşmesine sıcak ve şık bir yaklaşım getiriyor; serif yazı tipli başlıklar ise bir teknoloji ürünü sayfasından ziyade, özenle hazırlanmış bir dergi makalesi gibi okunuyor.
- Mockups made easy — Editör tasarım stüdyosu beyaz kağıt üzerinde