brandfy-identidade-visual

ビジュアルアイデンティティを定義する

運用プロトコル

• 計画と進捗： 参考資料、ビジュアルの方向性、プロトタイプ、選定を計画します。
• 信頼できる情報源： 戦略、ボイス、BRAND.md、CHROMATIC.md、 .brandfy/mvp-context.json、.brandfy/asset-brief.md、 .brandfy/interview-summary.md、現在のアセット、 visual-system.md を読みます。
• スコープと冪等性： 出典を明記して参考資料を維持し、検討中に承認済みのアセットを置き換えません。
• 検証： 各方向性を実際のアプリケーションで、ライトモードとダークモード、小さな画面でテストします。
• 最終要約： 選択した方向性、その理由、アセット、未対応事項を記録します。

ワークフロー

1. 戦略的属性を、形状、構成、密度、コントラスト、素材感に落とし込みます。
2. 競合を模倣せず、異なるビジュアルの方向性を2つまたは3つ作成します。
3. ベースカラーは調査結果または明示された好みに基づいて決め、エージェントの好みで決めないでください。カテゴリ、文化、競合について調査した参考色を使うか、インタビュー（.brandfy/interview.json、$brandfy-entrevista を参照）の preferences に記録された好みの色を使います。どちらも存在しない場合は、先にブランドの責任者に確認してください。
4. $brandfy-design-tokens（references/circulo-cromatico.md）を使って色相環に基づくハーモニースキームを選び、ベースカラーを技術的に調整します。出典、スキーム、選択した色を CHROMATIC.md に記録します。
5. 色相環から導き出した色の系統をもとに、背景、テキスト、アクセント、状態、サーフェスの組み合わせを含む機能的なパレットを定義します。
6. タイポグラフィ、スケール、間隔、写真、画像処理、イラスト、アイコン、グラフィック要素、グリッド、モーションを定義します。
7. ウェブページ、アバター、ソーシャルメディア用素材、ドキュメントで各方向性をプロトタイプします。
8. 方向性を1つ選び、その原則を .brandfy/visual-direction.md に記録します。
9. 色とタイポグラフィを $brandfy-design-tokens と $brandfy-tipografia-web に引き継ぎます。

ビジュアルシステムは、ロゴがなくてもブランドを認識できる必要があります。状態や階層の伝達を色だけに頼らないでください。

専門家としての思考

各戦略的属性を、コントラスト、リズム、比率、密度、素材感、画像の振る舞いなど、観察可能なビジュアル原則に落とし込みます。ビジュアルの方向性では、アイデア、特徴、利点、制約、使用条件を説明する必要があります。提示方法によるバイアスを減らすため、同じアプリケーションと同等の仕上がりで各方向性を比較します。