Medya ve eğlence tasarım sistemleri
Haber, dergi, yayıncılık, yayın akışı ve eğlence web sitelerinden çıkarılmış tasarım sistemleri. Tipografi öndedir: manşet yazı tipleri, yazar satırları ve haber ızgaraları; renk ise bölümler ve harekete geçirici çağrılar için az kullanılır.
Bu kategoride 2 DESIGN.md örneği var. Kaynaklar: The Onion ve WIRED. Her sitenin herkese açık sayfalarından çıkarıldı, resmi marka yönergeleri değildir. Bu formatı ilk kez mi duyuyorsun? DESIGN.md'nin ne olduğunu oku.
The Onion
The Onion'un tasarım sistemi, dijitalleştirilmiş bir satirik gazete gibi: siyah renkli, kalın ve dar gotik başlıklar; bölüm etiketleri, trend rozetleri ve CTA'lar için kullanılan ayırt edici orman yeşili marka vurgusu (#006b3a); tüm bunların sert beyaz/açık gri zemin üzerinde yer alması. Tipografi temel tasarım aracı: başlıklarda Adobe Fonts'tan dar ve yarı dar grotesk yazı tipleri (tablet-gothic, rocky-condensed) baskın, gövde metninde ise utopia-std-caption kullanılıyor. Yerleşim bilgi yoğunluğu yüksek; sıkı kart ızgaraları, makale ayırıcı olarak alt kenarlıklar ve yapısal öğelerde neredeyse sıfır köşe yuvarlaklığı var. Yükseklik efekti minimal: yalnızca katmanlı öğelerde birkaç ince gölge kullanılıyor.
WIRED
WIRED'ın tasarım sistemi, özel bir yazı tipi sistemi (Breve Text, WIRED Mono, WiredDisplay, Apercu) etrafında kurulmuş, yüksek kontrastlı ve editoryal odaklı bir tek renkli çerçevedir ve neredeyse hiç renk kullanmaz. Siyah (#000000), 2961 kullanımla baskındır; metinleri, kenarlıkları, ikonları ve etkileşimli durumları belirler. Birincil yüzey beyaz (#ffffff) tonundadır. Vurgu rengi çok seyrek kullanılır: abone ol çağrılarında marka mavisi olarak yalnızca #057dbc görülür. Yerleşim, sıkı 8px temel boşluklarla düzenlenmiş çok sütunlu bir haber ızgarasına dayanır; yüzeyler düzdür, gölge yoktur ve standart köşe yuvarlaklığı 4px'tir. Tipografi temel ayırt edici unsurdur: editoryal gövde metni 19px Breve Text ile, bölüm etiketleri büyük harfli ve harf aralığı açılmış WIRED Mono ile, büyük başlıklar ise WiredDisplay ile yazılır. Genel izlenim otoriter, bilgi yoğun ve önce okuma akışını gözeten bir estetiktir.
İhtiyacın olan siteyi göremiyor musun?
Herhangi bir URL yapıştır, her web sitesinden DESIGN.md al. Renkler, tipografi, boşluklar ve token'lar, AI iş akışına hazır.