【新機能】トレンドの「ネオブルータリズム」をWebサイトに！Neobrutalism.devがBase UI対応＆新テーマを追加

人気のUIデザイン手法「ネオブルータリズム」を簡単に取り入れられる「Neobrutalism.dev」がアップデートされました！今回の更新では、Base UIのサポートが追加されたほか、新しいカラーテーマも導入されています。デザインの幅がさらに広がったので、ぜひチェックしてみてください。

チャートが特によくできてるね。

ただ、このスタイルを使うのはちょっと怖いかな。Geminiがこのスタイルを好んで使いすぎるせいで、ユーザーが「これAIで作ったサイトでしょ？」って決めつけてしまいそうだから。

こういう「バイブ・コーディング」系のサイトにすぐ結びついちゃうのが本当に残念。プロンプトでスイスデザインとかミニマリズムを少しでも匂わせると、多くのモデルがこのネオブリュータリズム的なスタイルに寄っちゃうんだよね。とはいえ、https://www.not-ship.com/united-nations-map/ みたいに、このスタイルがうまくハマってるサイトは嫌いじゃないんだけど。

見た目は好きなんだけど、自分ならこれを「ネオブリュータリズム」とは呼ばないから、そもそも定義を勘違いしてるのかも。

この文脈でのブルータリズムってどういう定義なの？自分の中でのWebブルータリズムのイメージって、Craigslistみたいな見た目で、無駄な装飾を削ぎ落としたやつなんだけど。

ダークモードはある？このスタイルだとそこが一番キツいんだよね。

Reactに依存しない、純粋なCSSやCSS + JSだけの選択肢ってある？

自分としては、これは「ポスト・コーポレート・メンフィス」だと思ってる。

これらのページは「ネオブリュータリズム」というより、自分が「サイバーモッド」0と呼んでいるものに近い気がするな…

https://webb.page

https://garden.bradwoods.io

ネオブリュータリズムなUIは大好きだけど、やりすぎになりがちだよね。

このコンポーネントライブラリやLLMがデフォルトで出すスタイルはかなり「自己主張が激しい」。

例えば、ここ[0]の黒いスクロールバーはかなり重苦しいよね。本来見られるべきじゃないコンポーネントなのに、パッと見で気が散るんだ。

LLMに「控えめな」ネオブリュータリズムにするよう指示すると目に優しい仕上がりになるんだけど、自分だけかな？

[0]https://www.neobrutalism.dev/docs

宣伝させてもらうと、HARDBRUTもおすすめだよ：https://supernihil.github.io/hardbrut/

ダーク/ライトモードやアクセントカラーはあるけど、それ以外はカスタマイズなし。標準化されたUIを目指してる。CSSブロブでフォントも組み込み、あるいはフォントなし。Kotlinコンポーネントもあるよ。

… https://poolometer.com をデザインしたとき、1990年代の夏のパーティとかメンフィスデザインっぽくして、自分ってセンスあるなと思ってたんだけどな。

20年前のFlashを使ったサイトを思い出すね。