Portfolio site（ポートフォリオサイト）
個人またはスタジオ向けのサイト。訪問者に「この人と一緒に仕事をしたい」と思わせることが役割です。
必要な表面
- スリムなナビゲーション — 名前/ワードマーク、3～4個のリンク（Work / About / Writing / Contact）。
- イントロ — 大きなタイポグラフィによるステートメント（
clamp()を使用した表示サイズ）。誰が、何のために、という一文と、薄いメタデータのストリップ（場所、稼働状況、現在の役割）。 - プロジェクトグリッド — 4～9件のケーススタディカード。各カード: カバー画像 / 色付きブロック、プロジェクトタイトル、一行の役割、年。ホバー時に微妙に浮き上がる。クリックで（モックの）ケーススタディURLに遷移。
- 自己紹介（About） — 短い経歴の段落 + 写真またはサイン。
- 厳選したクライアント / プレス実績 — 控えめなロゴのストリップまたはリスト。実際の素材がない場合はセクション全体を省略。
- 問い合わせ（Contact） — メール（mailto）、場合によりTwitter/LinkedIn、カレンダー予約リンク。
品質ルール
- 決定的なタイプボイスを1つに絞る。見出しがセリフ体なら、本文はサンセリフ体（またはその逆）。
- プロジェクトカード: 実際の名前 + 役割を使用。ラベル付きプレースホルダー（「[カバー画像 — ヒーローショットに差し替え]」など）を使用し、Lorem ipsum のタイトルは使わない。
- カルーセルは不可。パララックスも不可。自動再生動画も不可。
- 空の状態 / 「近日公開」の状態は正直に表示する。偽のプロジェクトでグリッドを埋めない。