ブルータリズム(Brutalism)は、建築からWebデザインに持ち込まれたデザイン哲学です。「飾らない、隠さない、素材をそのまま見せる」という思想が根底にあります。
ブルータリズムとは何か
Webブルータリズムの特徴は、太いボーダー、ベタのシャドウ、モノスペースフォント、そして意図的なずれやゆがみです。「美しくない」のではなく、「正直である」のです。
BOATshipのデザイン判断
このサイトで使っている黄色(#F5E100)と黒(#111111)の組み合わせ、DotGothic16のピクセルフォント、4pxのbox-shadowは、すべてブルータリズムの文脈で選択しています。「プロらしい洗練」よりも「作り手の個性」を優先しました。
実装上の注意点
ブルータリズムはやりすぎると「壊れたサイト」に見えます。ユーザビリティの基本は守りつつ、装飾的なルールを意図的に破る——そのバランスが重要です。ナビゲーション、フォーム、CTAは迷わず使えるように設計してください。
参考にしたサイト
Balenciaga、Vogue Italia、Dazed Digital。これらのサイトは、ブランドの力でブルータリズムを成立させています。デザインに「理由」があるとき、荒削りは力になります。