Webにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワーク・「NeoBrutalismCSS」

Ads

NeoBrutalismCSS

Webにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワーク・「NeoBrutalismCSS」
NeoBrutalismCSSはWebにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワークです。

デザインにおける「ネオ・ブルータリズム」は20世紀半ば頃のブルータリズム建築運動(Wikipedia)を現代風にアレンジしたもので、オブジェクトへの装飾などを施さない、大きくて平らな建物のような基本構造をそのままに、ユニークな色やタイポグラフィを併用したもので、過去のブルータリズムとも異なり、ミニマリズムとも異なるもので、今年(2023年)始めあたりから頻繁に見かけるようになりました。

NeoBrutalismCSSはそんなネオ・ブルータリズムのWebサイトを構築するためのCSSフレームワークで、カラースキームやボタン、ダイアログ、フォーム、アバター、カードなど基本的なUIが揃えられています。javascriptは用いられていないピュアCSSとして提供されています。以下は動作サンプルです。

シンプル且つモジュール化されたCSSクラスのセットを提供、ネオ・ブルータリズムスタイルなWebページの作成をサポートしてくれます。

概念自体はむしろブルータリズムが強く浸透している日本で抵抗なく受け入れられそうではありますね。CDNも用意されているので気軽に試せそうですね。

NeoBrutalismCSS