mcpField
P
point-brand-guidelines

point-brand-guidelines

github.com/pointdotcom-marketingデザイン・UI110 回インストール
リポジトリ

point-brand-guidelines について

Point のブランド素材を制作・確認するチーム向けのスキルです。ビジュアルガイドに基づき、ロゴ、書体、色、イラスト、素材の再利用可否を扱います。

主な機能

  1. 01媒体と寸法に応じた素材選定
  2. 02ロゴのサイズと余白の遵守
  3. 03指定書体と配色の適用
  4. 04再利用可能な作品と参考画像の区別
  5. 05可読性とアクセシビリティの確認

活用シーン

  1. 01Point のガイドに沿った素材制作
  2. 02デザイン内のロゴと書体の確認
  3. 03イラストや写真の再利用状況の確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/pointdotcom-marketing/marketing-skills --skill point-brand-guidelines

インストール後、Claude Code で/point-brand-guidelinesを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

assets/SVG/
Point-logo-blue-yorange.svg
Point-logo-dark-gray.svg
Point-logo-light-gray.svg
Point-logo-white-yorange.svg
references/
illustration-reference-index.md
illustration-system.md
visual-guidelines.md

詳細

Point ブランドガイドライン

visual-guidelines.md を適用してください。これは、ロゴ、タイポグラフィ、パレット、CTA、レイアウトの正確な要件を確認するための作業用資料です。過去のモックアップに記載された内容は、現在の製品情報ではありません。

ソースとアセット

媒体、寸法、提供されたアセットを確認してください。承認済みのロゴとフォントには、まず同梱の assets/ を使用してください。バイナリをコンテキストに読み込まずにファイルを一覧表示します。承認済みのロゴアートワーク、比率、ファイル名を維持してください。

  • assets/SVG/:拡大縮小可能なデジタルアートワーク。
  • assets/PNG/:透過ラスターアートワーク。
  • assets/JPG/:フラット化されたラスターアートワーク。
  • assets/PDF/:印刷およびベクタードキュメントのワークフロー。
  • assets/Fonts/:提供されている ITC Century、Circular Std、Lora のフォント。

実際の背景に合ったロゴのバリエーションを選択してください。余白付きのファイルにはキャンバスの余白が含まれています。それ以外の場合は、レイアウトで必要なクリアスペースを確保してください。必要なアセットが見つからない場合は、依存関係を特定し、使用が許可されたフォントの代替を一時的なものとして明記してください。

イラストの選定または作成については、illustration-system.md と illustration-reference-index.md をお読みください。再利用が承認されたアートワークと、確認専用の参考資料を区別してください。オリジナルのイラストは、再利用が承認されるまでドラフトとして扱います。ロゴアートワークには、承認済みファイルのものを使用してください。

マーケティングコピーを作成またはレビューする際は、point-brand-voice を使用してください。

受け入れ基準

レンダリングされたアセットは、参考資料に示された正確なロゴサイズとクリアスペース、書体と行間、パレット、CTA の扱いに従っている必要があります。実際の構成と想定サイズで、可読性とアクセシビリティを確認してください。アートワークと写真は、適用される参考資料の指針に従い、再利用状況を明記してください。製品に関する主張は、最新の承認済みソースで裏付けてください。

ソース:Point ブランドガイド。

コメント