MOJI-ROLL

「MOJI-ROLL（モジロール）」は、カタカナ・ひらがなの各文字を CSS で円形に配置し、その形状やパターンを楽しむデザインプロジェクトです。

文字の距離が近く重なり合っている状態では、何の文字かを認識するのは困難ですが、歯車、花、レース編み、オウムガイ、ブラックホールのようにさまざまな形を見出すことができます。

クリックやタップすると、この文字が外側に広がりますが、蜘蛛の巣、線路、細胞、太陽、漫画の爆発表現のようにまた違った表情を見せ、広がる動きは万華鏡を彷彿とさせます。

現時点ではカタカナ・ひらがなに限定していますが、漢字や日本語以外の言語、数字、記号にすると見え方は大きく変わるでしょうし、フォントファミリー、ウェイト、サイズ、カラー、文字の数や間隔といったように、組み合わせはいくらでも考えられそうです。

なお、本プロジェクトの CSS は、以下のページのコードを参考にアレンジしています。

• Circular text with CSS? | jhey.dev （外部リンクを開く）