brandfy-ativos-logo

ロゴアセットのエクスポート

運用プロトコル

• 計画と進捗： フォント、バリエーション、サイズ、エクスポート、検査を計画します。
• 信頼できる情報源： マスター SVG、設定、および export-matrix.md を確認します。
• 範囲と冪等性： マスター SVG を上書きしないでください。対応するソースのほうが新しい場合に限り、エクスポートを置き換えます。
• 検証： エクスポーターを実行し、サンプルを開いて監査を実施します。
• 最終報告： バリエーション、寸法、マニフェスト、失敗について報告します。

ワークフロー

1. マスター SVG の viewBox、透過性、名前、色、ラスター画像が埋め込まれていないことを確認します。

2. ベクター版を brand/logo/svg/ に保持します。

3. 次のコマンドで PNG をエクスポートします。

   node <caminho-da-skill>/scripts/export-logo.mjs \
     --input brand/logo/svg \
     --output brand/logo/png \
     --font brand/fonts/manrope-variable.ttf
   

4. コンパクトなソースがある場合は、16、32、48、180、192、512 ピクセルの light 版と dark 版、正方形のシンボル、アバター、ファビコンを生成します。

5. パス、形式、寸法、用途、ハッシュを含む brand/manifest.json を生成します。

6. エッジ、透過性、鮮明さ、比率、最小サイズでの視認性を検査します。

引数 --font は任意です。SVG でワードマークが編集可能なテキストとして保持されている場合は、ローカルの TTF または OTF フォントを使用します。

接尾辞 light または dark は、ガイドラインで選択した適用先の背景を示す必要があります。誤った使い方を防ぐため、この規則を文書化してください。

専門家としての考え方

エクスポートは形式変換ではなく、システムの品質管理として扱います。各ファイルを用途、背景、最小サイズ、チャネルに関連付けます。変形、予期しない色、不統一な余白、不具合のある透過性、またはマニフェストと異なる寸法が生じるエクスポートは受け入れません。