
飾らないことが、最大の個性になる
2020年代のWebデザインは豪華です。アニメーション、グラデーション、カスタムフォント、パララックス。でも、それらすべてを取り去った先に、もう一つのデザインの地平が広がっています。外部フォントなし。アニメーションなし。角丸なし。ブラウザが「素」の状態で表示する、最もプリミティブなWebページ。
無料HTMLテンプレート『RAW(ロウ)』は、その「素」のHTML体験を意図的に選択したテンプレートです。フォントはTimes New Roman。リンクの色は青。テーブルの枠線は黒。画像はモノクロで表示される。1990年代のWebページを知っている人には「あの頃だ」と感じる懐かしさが、知らない人には「こんなにシンプルでも成立するのか」という驚きがあります。
デザインの特徴とこだわり
外部リソースゼロ ― ブラウザだけで完結する
『RAW』の最大の特異性は、外部のフォントやライブラリを一切読み込まないことです。Google Fontsもanime.jsもThree.jsも使いません。ブラウザが最初から持っているTimes New Romanフォントだけで画面を構成する。これは軽量さの究極形であり、読み込み速度は事実上ゼロに等しいレベルです。
テーブルに格納されたプロフィール
名前、肩書き、自己紹介は、HTML標準のテーブル(表組み)で表示されます。左列に「ROLE」「BIO」「STATUS」というラベル、右列に内容。データベースの管理画面を彷彿とさせるこの表示方法は、「情報を最短距離で伝える」という目的に対して最も合理的なフォーマットです。
「Index of /works」― ファイルサーバーの一覧画面
ギャラリーのタイトルは「Index of /works」。これはWebサーバーがディレクトリの中身を自動的に一覧表示する画面の文言そのものです。各作品カードの上部には「FILE_01.JPG」というモノスペースフォントのファイル名が表示され、「このサイトは装飾された作品集ではなく、ファイルサーバーの公開フォルダを見ている」という設定を徹底しています。
イエローホバー ― 唯一の「色」
背景は薄いグレー、テキストは黒、枠線も黒。すべてが無彩色のこのテンプレートで唯一の「色」が、ホバー時のイエロー背景です。作品カードにマウスを乗せるとイエローに変わり、モノクロだった画像がカラーに切り替わる。この瞬間だけ「素のHTML」が一瞬だけ現代のWebに戻る。その意外性が、記憶に残ります。
こんな方・こんな用途におすすめ
プログラマー・テックライター
コードの美学は「余分なものを書かない」こと。『RAW』のデザインは、その哲学をそのまま視覚化しています。GitHubのプロフィールリンクとして使えば、「この人はコードと同じようにサイトも書くんだな」という印象を与えます。
アーティスト・コンセプチュアルアート
「装飾しないこと」を意図的に選ぶ行為は、それ自体がコンセプチュアルアートです。作品が前衛的であればあるほど、展示空間が「素」であることの効果が際立ちます。
表示速度を最優先にしたいサイト
外部リソースを一切読み込まないため、表示速度は最速クラス。通信環境が不安定な状況(海外、屋外、低速回線)でも確実に表示されるポートフォリオとして信頼できます。
カスタマイズのヒント
リンクカラーの変更
デフォルトのリンクカラーは「#0000ff」、つまり純粋な青。これはHTMLの初期設定値を完璧に踏襲しています。変更することもできますが、あえてそのまま残すのも一つのデザイン判断です。
テキストセクションでHTMLの表現力を発揮
フリーテキストエリアではHTMLタグが使用可能です。太字や段落分けなど、テキストだけで豊かな表現ができます。装飾のないテンプレートだからこそ、テキストの力が際立ちます。
まとめ ― 何も足さない。何も引かない。
『RAW』は、「すべてのテンプレートの出発点」であり、同時に「すべてのテンプレートの到達点」です。Times New Romanの文字、黒い枠線、青いリンク。それだけで十分に美しいWebページが成立することを、このテンプレートは証明しています。
装飾の先にあるのも美であるなら、装飾の手前にあるのもまた美。飾る前の「素」の力を信じるクリエイターに。



