{"id":"web-brutalism","no":8,"name":"Web Brutalism","ja":"ウェブ・ブルータリズム","era":"2014–","family":"UI表現","essence":"ブラウザの既定表示をそのまま画面に出し、整えられたテンプレートの見た目を拒む。HTMLの素の構造が、そのまま様式になる。","cues":["ブラウザ既定の見出しとリンク","下線つきの青いリンク","極端な文字サイズの落差","装飾のない罫と余白"],"intents":["反骨","信頼"],"works":["ギャラリーやレーベルの告知で、体裁より情報の速さを選ぶとき","テンプレートで作られた同業の画面と、意図的に距離を取りたいとき"],"recipe":{"type":"既定書体のまま、見出しだけを画面幅いっぱいまで上げる","layout":"段組をやめて縦一列に積み、罫と余白だけで区切る","material":"地は白か単色、画像は圧縮したまま等倍で置く"},"avoid":"既定表示を装いながら余白と行長だけを整えると、素っ気なさが演出に見え、読者は乱雑さの理由を探したまま読むのをやめる。","colors":["#ffffff","#0000ee","#000000"],"motif":"raw","pair":["brutalist-architecture","neubrutalism"],"study":["Brutalist Websites","既定スタイルシートの復権","テンプレート化への反動"],"kind":"スタイル","collection":"btrax 50","source":{"title":"Brutalist Websites","url":"https://brutalistwebsites.com/"},"reference":{"status":"verified","pageUrl":"https://brutalistwebsites.com/","credit":"Brutalist Websites"},"addedAt":"2026-08-16","en":{"essence":"Puts the browser's default rendering straight on screen and refuses the finished look of templates. The bare structure of the HTML becomes the style itself.","cues":["Default headings and links","Blue underlined links","Extreme jumps in size","Rules and white space without ornament"],"works":["Gallery and label announcements that choose speed of information over polish","Putting deliberate distance between you and template-built competitors"],"recipe":{"type":"Keep the default face and push only the headings to full page width","layout":"Drop the columns, stack in one vertical run, divide with rules and space","material":"White or one flat ground, images left compressed and placed at actual size"},"avoid":"Tidying only the margins and line lengths while posing as the browser default makes the plainness read as staging, and readers quit while still hunting for a reason behind the mess.","study":["Brutalist Websites","the return of the default stylesheet","the reaction against templating"]}}