ブルータリズム(Brutalism)は、建築からWebデザインに持ち込まれたデザイン哲学です。「飾らない、隠さない、素材をそのまま見せる」という思想が根底にあります。

ブルータリズムとは何か

Webブルータリズムの特徴は、太いボーダー、ベタのシャドウ、モノスペースフォント、そして意図的なずれやゆがみです。「美しくない」のではなく、「正直である」のです。

BOATshipのデザイン判断

このサイトで使っている黄色(#F5E100)と黒(#111111)の組み合わせ、DotGothic16のピクセルフォント、4pxのbox-shadowは、すべてブルータリズムの文脈で選択しています。「プロらしい洗練」よりも「作り手の個性」を優先しました。

実装上の注意点

ブルータリズムはやりすぎると「壊れたサイト」に見えます。ユーザビリティの基本は守りつつ、装飾的なルールを意図的に破る——そのバランスが重要です。ナビゲーション、フォーム、CTAは迷わず使えるように設計してください。

参考にしたサイト

Balenciaga、Vogue Italia、Dazed Digital。これらのサイトは、ブランドの力でブルータリズムを成立させています。デザインに「理由」があるとき、荒削りは力になります。