Medium
altın saatte krem beyazı gazete
Medium, internete taşınmış edebi bir okuma odası gibi işlev görüyor: SaaS'ın tipik steril beyazının yerini sıcak, kremsi bir arka plan (#f7f4ed) alıyor ve uzun metinlerin basılı bir sayfa gibi hissettiriyor. Görsel sistem agresif bir şekilde tek renkli; neredeyse tüm kullanıcı arayüzü yüzeyleri, metin ve kenarlıklar #242424 ile #6b6b6b arasında değişen dar bir sıcak gri aralığında yer alıyor, böylece okuyucunun dikkati tamamen içeriğe odaklanıyor. Tek ayırt edici özellik, serif başlık (GT Super, 120px, ağırlık 400, harf aralığı -0.055em), bilinçli bir trend karşıtı seçim: ekran için ölçeklendirilmiş, neredeyse fark edilmeyen, cesur geometrik sans-serif yerine geçişli bir kitap serif yazı tipi, "Yazılım değil, kitap yayınlıyoruz" mesajını veriyor. Düğmeler neredeyse siyah renkte dolu "haplar" şeklinde; sayfadaki tek düz mürekkep.
Ana sayfa iki sütundan oluşuyor: sol taraf, sayfa alanının yaklaşık %55'ini kaplıyor ve başlık, alt metin ve harekete geçirici mesaj, geniş iç boşluklarla dikey olarak düzenlenmiş; sağ taraf ise sayfa alanının yaklaşık %45'ini kaplıyor ve bir illüstrasyon paneli içeriyor. Sol sütun sola hizalanmış (ortalanmamış), böylece sayfa okuma eksenine sabitlenmiş. Ana sayfanın altında, sayfa tek, tam genişlikte, krem rengi bir şerit halinde ve altbilgide ortalanmış bağlantılar bulunuyor. Ana sayfada kart ızgaraları, özellik bölümleri veya alternatif şeritler yok; ana sayfa bir sayfa. İçerik yoğunluğu kasıtlı olarak düşük: bir başlık, bir cümle, bir düğme, bir resim. Sayfa bir kapak, bir kontrol paneli değil.
Çizimler, sistematik değil, editoryal ve bölümler halinde sunuluyor. Ana sayfada, gevşek ve biraz naif bir tarzda çizilmiş tek bir el çizimi (yeşil bir çiçek, geometrik bir el, takımyıldız çizgileri) yer alıyor. Çizimler, kalıcı bir kütüphaneden ziyade, mevsimsel olarak değişen sipariş üzerine yapılmış eserler gibi görünüyor. Ana sayfada fotoğraf yok. Ana sayfada simge yok; tüm işi metin logosu ve metin yapıyor. Görsel dil öncelikle metin odaklı olup, çizimler noktalama işareti görevi görüyor.
Palet
Doğal
- Newsprint Cream
#f7f4ed— Sayfa tuvali, ana pencere arka planı ve bölüm arka planı, dijital bir arayüzden ziyade basılı bir arayüz hissi yaratan sıcak, hafif kremsi bir tondadır. - Paper White
#ffffff— Kart yüzeyleri, kabartmalı paneller, form giriş alanları ve krem rengi tuvalden ayrılması gereken tüm yüzeyler. - Ink
#242424— Gövde metni, bağlantılar, başlıklar - saf siyahtan biraz daha sıcak bir ton, krem rengi bir arka planda güzel duruyor. - Body Gray
#333333— Mürekkep renginden biraz daha açık bir renk gerektiğinde, kontrast kaybı yaşanmadan ikincil metin rengi ve varsayılan ön plan rengi kullanılır. - Button Black
#191919— İkincil kullanıcı arayüzü öğeleri, ayırıcılar ve soluk etiketler için nötr bir renk desteklenir. Eylem çağrıları için birincil renk olarak kullanılmamalıdır. - Marginalia Gray
#6b6b6b— İkincil kullanıcı arayüzü, ayırıcılar ve soluk etiketler için nötr renk desteği.
Tipografi
13 ila 120 piksel arası · 5 adım
- medium-content-sans-serif-font — yenisiyle değiştirme: Inter · ana hatlar 400 · Orta kalınlıkta, sans-serif yazı tipi - çıkarılan verilerde bulundu ancak yapay zeka tarafından tanımlanmadı.
- GT Super — yenisiyle değiştirme: Playfair Display · ana hatlar 400 · Başlıklar ve gövde metni, dar harf aralığı ve 0,83 satır aralığına sahip, aşırı ölçekte geçişli bir kitap serif yazı tipi kullanılarak yazılmıştır. 120 pikselde 400 ağırlık (kalın değil) seçimi, ayırt edici bir özelliktir: işi yapan ağırlık değil, harf biçimleridir. Negatif harf aralığı, optik boşlukları daraltarak "İnsan Hikayeleri ve Fikirleri"nin bütünleşik bir tipografik blok gibi görünmesini sağlar.
- Söhne — yenisiyle değiştirme: Inter · ana hatlar 400 · UI sans-serif yazı tipi, gezinme menüleri, düğmeler, alt başlıklar ve küçük başlıklar için kullanılır. 13-14 piksel aralığı gezinme etiketleri ve düğmeler için; 20-22 piksel ise alt başlıklar ve başlık içindeki ikincil metinler içindir. İnsancıl oranlara sahip temiz bir sans-serif yazı tipi, küçük boyutlarda okunabilir ve büyük boyutlarda göze batmayan bir yapıya sahiptir.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 16-24px |
| Düğme yarıçapı | 9999px |
| Kart yarıçapı | 0px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 64px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Medium 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
- Steep — Sıcak Kağıt Üzerinde Serif Yazı Tiplerinin Analizi
- Newformcap — Soyunma odasındaki köşe yazısı gazetesi
- Claude — Sıcak parşömen üzerine basılmış bir eser—kemik kağıdı üzerine mürekkep, tek renk cümbüşü kilden ibaret.
- 11x– Digital workers — Sinematik bir editoryal çoraklık alanı—lüks bir dergi sayfasını andıran, görkemli serif başlıklar önünde manzaranın panoramik fotoğrafları.
- Revolut — Bulutların fotoğrafından yola çıkılarak oluşturulmuş, tek renkli bir editoryal çalışma: beyaz mürekkep, kutu düğmeleri, gri tonlu bir dünyada tek bir mavi renk şeridi.
- Scheduling — Editör mürekkebiyle krem rengi kağıt üzerine baskı.
- Titan — sıcak tonlu tek renkli arşiv
- Programa — Öğle vakti bir İsviçre tasarım stüdyosu. Beyaz galeri duvarı tek bir sarı masa lambasıyla aydınlatılıyor; her şey gri tonlarında, ta ki bir düğme, simge veya vurgu göze çarpana kadar; o zaman da o tek sarı vurgu tüm odayı tanımlıyor.
- Sana Agents — Editörlük çalışmasında beyaz arka plan üzerinde limon yeşili parıltı.
- Visual — Sıcak bir editoryal samizdat. Krem rengi kağıt, serifli posterler, siyah beyaz kenar notları, bir sarı kalem.
- Midday — Parşömen üzerine basılmış editoryal broşür - sıcak taş rengi arka plan üzerinde 72 punto serif başlık, aralıklı sans-serif gövde metni, hap şeklinde kontrol düğmeleri, gölge yok.
- Chat for impact — Pastel renkli odalara sahip orman yeşili bir klinik.