ランディング：ビジュアル方向性
スタイルは、流行の好みではなく、企業のプロフィールとその顧客のプロフィールから導き出されます。
アイアン・ロー（不変のルール）
2～3方向を提示し、Felipeが選択するまでは、一切の構築を行ってはならない。
すべてのビジュアル（内部・外部問わず）は、frontend-designを経由する。
最初のアクション: node check-gate.js --cliente <名前> --antes-de direcao-visual; 01 と inventario-assets.md を すべて 読む; node check-assets.js --root <クライアント> --fase direcao-visual。会話のメモリ（記憶）は使用しないでください。
ゲート関数
- 2つのプロフィール軸を導き出す（
references/perfis-e-estilos.md）。 - 必須サブスキル: 各方向に対して
frontend-design:frontend-designを使用する。 - 各方向には以下を含める: 名前、一言コンセプト、タイポグラフィ（ディスプレイ用と本文用、セルフホスト）、HEXカラーパレット、セクション構造、ヒーロー、アセットID（
A-nnn）と不足しているもの、リスク。 - 各パレットについて、
pares-contraste.jsonを記入し、node check-contrast.js --css <css> --pairs <ペア>を実行する; 不合格のパレットは提示しない。 - 1つを推奨し、その推奨を2つのプロフィールに結び付ける。
- Felipeの選択を待つ。
direcao-visual.md（フロントマター、escolhida）を記録し、承認する。
新しいランディングページ: モックアップは不要、直接ページを構築する（同じ工数がかかる）。既存のものへの追加: まずモックアップを作成; 承認後、構築されたものを表示されたものと項目ごとに確認する。構築中に正当な理由がある改善は許可され、フィードバック記録に追加される。
ビジュアルレビュー（公開ゲートの前）
一貫した階層とタイポグラフィ · 375px と 1280px、ウィンドウ（fullPage ではない）のキャプチャ、ゆっくりスクロール後 · コントラスト（check-contrast） · フォーカス、ホバー、エラー、空、ローディングの状態 · スペーシング、コンポーネント、色の一貫性 · ビジネスに適したCTA · 実装されたページ（モックアップではない） · check-page。
レッドフラグ：中止
- 「自分が一番良いと思う」スタイルを選んで構築する
- 内部画面に対して「内部だけだから」と汎用CSSを使う
- 1方向だけを提示する
- IDのないアセットや架空のパスを使用する
| 言い訳 | 現実 |
|---|---|
| 「内部画面にはデザインは不要」 | 顧客が毎日使う画面はブランドの一部である |
| 「Felipeが『好きなようにやれ』と言った」 | それは推奨の委任であり、選択の委任ではない |
| 「1方向のほうが早い」 | 2～3方向＋推奨のほうが、テキストで議論するより早い |
| 「必要な写真は存在するはず」 | 必要事項を記録せよ; ファイルを決して推測してはならない |