あの「起動音」が聞こえてきそうなデザイン
スタートメニュー、灰色のウィンドウフレーム、メモ帳のテキスト入力欄、タスクバー。これらの言葉にピンと来る方は、1990年代のパソコン体験を覚えている世代でしょう。そしてその記憶がない若い世代にとっても、レトロPCのインターフェースは「ピクセルアートの世界」として新鮮な魅力を持っています。
無料HTMLテンプレート『RETRO（レトロ）』は、1990年代後半のパソコン画面をWebブラウザの中に忠実に再現したテンプレートです。デスクトップの壁紙のような背景に、作品がファイルアイコンとして並び、クリックするとウィンドウフレーム付きのポップアップで画像が開く。メモ帳風のエリアにはテキストが入力でき、タスクバーには「Start」ボタンが鎮座する。ノスタルジーとユーモアが融合した、遊び心あふれるデザインです。
デザインの特徴とこだわり
デスクトップ上のファイルアイコン ― 作品は「ファイル」
ギャラリーの画像は、正方形のサムネイルの下にファイル名ラベルが付いた「デスクトップアイコン」形式で画面に配置されます。90年代のOSでは画像をダブルクリックして開くのが基本操作でした。その体験をWebに移植するだけで、「作品を開く」という行為に独特のワクワク感が加わります。
クラシックウィンドウ ― 懐かしの3ボタン
アイコンをクリックすると、灰色の枠と3つのウィンドウ操作ボタン（最小化、最大化、閉じる）が付いたクラシックなウィンドウが開きます。画像はこのウィンドウの中に表示され、まるで「ビューアーソフトで写真を開いた」ような体験になります。
メモ帳風テキストエリア
テキストコンテンツは、白い入力欄にカーソルが点滅する「メモ帳」風のエリアに表示されます。等幅フォントで書かれた文章は、まさに notepad.exe で書き留めたメモを彷彿とさせます。プロフィールや活動記録をここに書き込めば、テーマの世界観を壊さずに自己紹介ができます。
VT323フォント ― ピクセルの一文字一文字
使用フォントの「VT323」は、ブラウン管モニターに表示されていたドット文字を再現した書体。日本語テキストには「DotGothic16」というドットフォントが使われます。フォントだけで90年代のPC画面を再現するのは難しいものですが、この2つの組み合わせがその難題を見事にクリアしています。
こんな方・こんな用途におすすめ
ピクセルアーティスト・ドット絵クリエイター
作品もテンプレートも同じピクセルの言語で語られるため、完璧な調和が生まれます。ドット絵のキャラクターを「デスクトップアイコン」として並べるだけで、展示空間がそのまま作品の延長になります。
インディーゲーム開発者
レトロゲームの雰囲気を持つインディーゲームのプロモーションサイトにぴったり。スクリーンショットをウィンドウフレームの中に開く体験は、そのまま「ゲームのデモプレイ」のように感じられます。
90年代テーマのコンテンツクリエイター
ヴィンテージカルチャー、レトロテック、カセットテープやフロッピーディスクをテーマにした作品を作る方にとって、テンプレートそのものが「コンテンツの文脈」を提供します。
カスタマイズのヒント
壁紙風の背景色をカスタマイズ
デフォルトのティール（青緑色）はWindows 95のデスクトップの定番色ですが、他の色に変更すれば「別のOS」や「別の年代」を演出できます。紺色にすれば Windows 98 風に、パープルにすれば独自の世界観に。背景色を変えるだけで、デスクトップ全体の空気感が変わります。
タスクバーを活用する
画面下部のスタートバーは飾りではなく、時計やユーザー名が機能的に表示されます。「Start」メニューはリンク集としても機能しますので、SNSへの導線として活用できます。スタートボタンのクリックで開くメニューも、懐かしいウィンドウ操作の再現です。
メモ帳エリアでの自由な発信
テキストコンテンツの「メモ帳」エリアは、活動記録や自己紹介に最適です。等幅フォントで表示されるためプログラムコードの紹介にも適しており、クリエイターとしての多面的な活動を一つのエリアに集約できます。
まとめ ― 古いものは、新しい
『RETRO』は、「古臭い」のではなく「新感覚のレトロ」です。かつて毎日使っていたあのデスクトップ画面が、いまポートフォリオとして蘇る。90年代を知っている人には懐かしさを、知らない人には新鮮さを届けるテンプレートです。
