M
Web Brütalizmi web brutalismkarşı-akım
bilinen diğer adları brutalist web tasarımı · ham web · varsayılan HTML görünüşü
"süssüz, ham HTML gibi, eski usul" diyorsan → bunun adı web brutalism.
Web brütalizmi, tarayıcının kendi malzemelerini bitmiş yüzey olarak kullanır: varsayılan ya da sistem yazı tipleri, stillenmemiş görünen linkler, açıkta duran belge yapısı, düz kenarlar ve yatay çizgiler, cilanın yerine yoğunluk. Hiçbir şey başka bir şeymiş gibi yapmaz — cam taklidi degrade yok, derinlik taklidi gölge yok. En iyi hâlinde dürüst ve hızlıdır; en kötü hâlinde ise etiket, cilalanmamış her şeyin üstüne yapıştırılır.
Kapsam: Bu madde KATI okumayı benimser: ham tarayıcı malzemeleri ve dürüst yapı. Kalın konturlu, doygun renkli gürültülü görünüş buraya değil Neo-Brütalizm'e aittir; nostaljik tablo-ve-GIF kişisel sayfa görünüşü ise Ev Yapımı Web maddesindedir. Mimarideki Brutalizm (çıplak beton) bu adın kaynağıdır ama ayrı bir alandır.
- “çirkin, ham HTML sitesi”
- “hiç CSS yazılmamış gibi duran site”
- “sadece Times ve mavi linkler”
- “Craigslist gibi kuru, iskelet site”
- “yapısını süssüz gösteren sayfa”
…hepsinde kastettiğin şey web brutalism.
Sergi, kaydedilmiş sesin belge değeri üzerine on iki iş bir araya getiriyor. Program aşağıdadır. Katılım için başvuru formu.
| TARİH | İŞ | SÜRE |
|---|---|---|
| 14.09 | Gece Kaydı | 18 dk |
| 19.09 | Sekiz Oda | 42 dk |
| 26.09 | Sessiz Bölge | 7 dk |
program (metin) · arşiv 2019–2025 · iletişim
Sanat ve etkinlik sitesi: hamlığın bilinçli olduğu bağlam. Sayfa bir ürün gibi değil bir belge gibi duruyor — başlık, liste ve tablo HTML'in kendi görünüşüyle. Linkler mavi ve altı çizili; kaldırılmıyorlar çünkü bu hem estetik hem ilke.
belirleyici bu olmadan stil o stil değildirdestekleyici sık görülür, şart değildeğişken serbest, değiştirebilirsinkaçın bu stille anılır ama ona ait değildir
Times ya da sistem yazı tipi, özel font yüklemesi yok. Tipografi bir marka kararı değil, belgenin doğal görünüşüdür.
Bazı brütalist siteler tat için monospace'e ya da bağıran büyük harflere geçer, bazıları saf serif kalır. İkisi de bu stile dahildir.
Link link gibi görünür; renk ve alt çizgi kaldırılmaz. Bu hem estetik bir işaret hem de manifesto damarında bir ilkedir.
Yerleşim bilinçli olarak cilalanmaz; hizalar bazen kaymış durur. Estetik damarda sık, ilke damarında şart değildir.
Derinlik taklidi yoktur; kutular kutu, çizgiler çizgidir. Gölge eklediğin anda dil başka bir şeye döner.
Başlıklar, listeler, tablolar ve yatay çizgiler kaynak sırasında durur. Yapı, yerleşimin KENDİSİDİR; sayfa bir ürün gibi değil bir belge gibi okunur.
Bilgi sıkı paketlenir ve sayfa anında açılır. Estetik iddia güzellik değil hız ve dürüstlüktür — boşluk cömertliği burada erdem sayılmaz.
Doygun renk blokları, kalın tasarlanmış kenarlar ve sert ofset gölgeler hamlığın KOSTÜMÜDÜR. Onları eklediğin anda yaptığın şey neo-brütalizmdir, bu değil.
Rastgele çakışan, okunmayan bir sayfa yapmak brütalizm değildir. Ham olmak ile kullanılamaz olmak farklı şeylerdir; manifesto damarı zaten tam tersini söylüyor.
Sıradan bir e-ticarette bu görünüş 'site bitmemiş' sanılır. Bilinçli bir karar olduğu bağlamdan anlaşılmalıdır.
Neo-Brütalizm değil. Bu web brütalizmidir çünkü görünüş EKSİLTMEYLE elde edilmiştir: gölge yok, köşe yumuşatma yok, özel font yok — tarayıcı ne veriyorsa o. Neo-brütalizm olurdu eğer 3px siyah kenar, sert ofset gölge ve çiğ renk EKLENSEYDİ. Ayrım ekleme ile çıkarma arasındadır; adların benzemesi ikisini aynı şey sanmana yol açmasın.
Ev Yapımı Web değil. Bu web brütalizmidir çünkü ham görünüş BİLİNÇLİ bir karardır: çağdaş tasarıma karşı alınmış bir duruş. Ev yapımı web olurdu eğer aynı hamlık bir duruştan değil, dönemin araçlarının sınırından doğsaydı — 90'ların amatör sayfaları çirkin olmayı seçmedi, web o zaman böyle yapılıyordu.
Tam sayfa örneğini gez →baştan sona landing; şeritten stil atlayabilirsin
Yukarıdaki brief çerçeve-bağımsızdır; bunlar stack'in uyuyorsa somut tutamaklar.
- HTML
<h1>, <hr>, <table>, <ul> — tarayıcının varsayılan stilleriyleMalzeme zaten elementlerin kendisidir; üstüne stil yazmadan bırakmak bir karardır.
- CSS
font-family: 'Times New Roman', serif; a { color: #0000ee; } a:visited { color: #551a8b; }CSS yazmak zorundaysan varsayılanları yeniden söyle; reset'ler bu görünüşü yumuşatır.
- CSS
:focus-visible { outline: 2px solid; outline-offset: 2px; }Odak halkasını KALDIRMA. Bu stilde yapılabilecek tek gerçek brütalizm-karşıtı hamle odur.
- Bu stil erişilebilirlik açısından genelde AVANTAJLIDIR: varsayılan yazı tipi, gerçek link görünümü ve açık belge yapısı ekran okuyucuyla iyi çalışır. Avantajı, düşük kontrastlı 'sanat' tercihleriyle geri verme.
- Alt çizgiyi kaldırma. Linkin tek işareti renk olursa renk körlüğü olan kullanıcıda link kaybolur — zaten stilin kendi ilkesi de alt çizgiyi koru diyor.
- Ham ızgara mobilde taşabilir; yatay kaydırma bırakma. Hamlık bir tercih, taşma bir hatadır.
- Odak halkasını kaldırma. Bu stilde yapılabilecek TEK gerçek brütalizm-karşıtı hamle odur: varsayılanlara güvendiğini söyleyip tarayıcının verdiği en yararlı varsayılanı silmek.
- Yoğun tablolar ekran okuyucu için başlık hücreleri ve scope ister. Görsel hamlık, yapısal hamlığı mazur göstermez.
- Devasa punto şık durur ama satır uzunluğunu ve satır aralığını kontrol et; okunabilirlik bu stilin iddiasının parçasıdır.
| ✅ Kullan | Manifesto/sanat siteleri, editöryel işler, 'tasarıma karşı tasarım' söylemi. |
| ⛔ Kaçın | Sıradan ticari ürünlerde 'bitmemiş site' sanılır — bilinçli olduğu bağlamdan belli olmalı. |
Craigslist
Berlin galeri/festival siteleri
kişisel blog rönesansı
Tartışmalı ad. Uygulayıcılar kapsamda anlaşamıyor: katı okuma 'ham tarayıcı malzemeleri, dürüst yapı' der (mimarideki béton brut benzetmesiyle); gevşek okuma ise bilinçli olarak çirkin yapılmış her siteyi bu adın altına toplar. Bu madde KATI okumayı benimser ve gürültülü kontur-gölge görünüşünü Neo-Brütalizm'e havale eder — bir sözlüğün işi, hangi okumayı kullandığını söylemektir.
Ad 2014'ten itibaren Pascal Deville'in derlediği brutalistwebsites.com kataloğuyla yayıldı; Deville stili, günümüz web tasarımının hafifliğine ve gösterişine karşı genç bir kuşağın tepkisi olarak tanımlıyor. Paralel bir damar ise aynı adı estetik değil İLKE olarak okuyor: David Bryant Copeland'ın Brutalist Web Design manifestosu stili malzemeye dürüstlük üzerinden tanımlar — içerik önce gelir, link link gibi görünür, geri tuşu çalışır, performans bir tasarım kararıdır. Bugün terim her iki anlamda da kullanılıyor ve bu yüzden tek başına 'brütalist' demek, ne kastettiğini söylemeye yetmiyor.
- birincilPascal Deville — Brutalist Websites (2014-) ↗
Terimi web bağlamında yayan katalog; Deville'in kendi tanımı burada.
- birincilDavid Bryant Copeland — Brutalist Web Design ↗
Aynı adın ilke okuması: içerik önce, link link gibi, geri tuşu çalışır, performans tasarımdır.
- ikincilSmashing Magazine — The Split Personality of Brutalist Web Development ↗
Adın iki anlama birden gelmesini inceleyen yazı; 'tartışmalı' statüsünün gerekçesi.
Neo-Brütalizm neubrutalismEv Yapımı Web vernacular webMinimalizm minimalism