Terravoir（テラヴォワ）

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。

コンセプト Terravoir（テラヴォワ）— 在来野菜の生存条件を衛星データで地図化し、栽培の担い手へ継承する在来種アーカイブ／継承インフラ

スタイル

編集的ドキュメンタリー×データ裏付け（品種起点のスクロールテリング。数値は意思決定の根拠に退かせ、第一印象は“守る価値のある土地の文化”）

レイアウト

品種セレクタ起点のスクロールテリング（在来品種を選ぶ→その野菜が“生き残れる/消えかけている”地域が地図上に浮かび上がる）。地図は主役ではなく品種の生存条件を映す従属レイヤーとして後半に配置

タイポグラフィ

本文は和文sans一本で可読性優先・データ周りは等幅数字。縦組み明朝は章扉（品種名・産地の固有名詞）に限定運用。英語は学名/用語レベルの併記に絞り雰囲気的な日英併記は排除

モーション

品種選択でストーリーが差し替わる（背景の由来コピー→危機度→適地の順に段階表示）。地図は選択品種の生存境界と気象指標を静かにフェード更新し、数値カウントは演出目的では動かさない

配色

緑をブランド記号にしない。種皮・乾いた土・古い種苗ラベル・農具・気象図版から抽出した低彩度アース基調。アクセントは地図都合ではなく“危機度”に意味づけ（存続=くすみ緑／危急=黄土／消滅寸前=退色赤）

狙い

品種を選ぶと生存可能域が地図に立ち上がる data属性駆動の切替を、危機度で意味づけした低彩度パレットと段階表示コピーに接続。適地検索UIを“消えかけた土地の知恵を可視化する保全体験”へ再設計した点

設計の勘所

セクション根の data 属性+CSS変数の configurator 型を品種セレクタに応用し、由来コピー・危機度バッジ・地図の生存域・気象指標行を選択で一斉差し替え（no-JS でも初期品種は表示）（[[data-attr-css-var-configurator]]）