Style · ブルータリスト

ブルータリストWebデザインの参考例とAIプロンプト

むき出しのHTMLデフォルト・極端なタイポ・色の衝突などを武器にするブルータリスト系AIプロンプト集。

Designs004 Styleブルータリスト Keywordブルータリスト

ブルータリストについて

装飾を拒むラディカルな美学。生々しいHTMLデフォルト、極端なタイポ、衝突する配色、ズレたグリッドなど。美しさより素材そのものを見せる態度で、アンダーグラウンドアート・実験的ブランド・若手クリエイターに愛されます。肝は、整えられないから雑なのではなく整えないことを意図的に選んでいると伝わること。最も厳しいのは装飾という逃げ道がない点で、見出しの言葉が弱ければそのまま弱いページになります。無装飾を貫いても、本文の可読性だけは様式より優先してください。

ブルータリストの視覚パラメータ

  • #FFFFFF
  • #000000 文字と枠
  • #FF3B00 衝突色1
  • #0000FF 衝突色2
書体
システム既定のサンセリフ。極太と極細を対比させる
角丸0。3〜6pxの黒枠とオフセット影
動き
なし、または唐突な切り替え

よく使われる場面

  • 実験的アート・デザインプロジェクト
  • アンダーグラウンド音楽・クラブ
  • 若手ブランドのプロモーション
  • デザインカンファレンス
  • 反権威的なメディア

成功のポイント

  • 装飾を一切加えず素のHTMLに戻す勇気
  • タイポは極太・極細を対比させる
  • 色は衝突させる(赤+青、蛍光+黒)
  • あえてグリッドを破る
  • 可読性とのバランスはケースバイケース

このスタイルのデザイン

他のスタイル