mcpField
B
brand-guidelines

brand-guidelines

github.com/partme-aiデザイン・UI71765 回インストール3 週間前に更新
リポジトリ

brand-guidelines について

プレゼンテーションや文書などに Anthropic のビジュアルアイデンティティを適用するスキルです。ブランドカラー、書体、代替フォント、コントラストの指針を示します。

主な機能

  1. 01Anthropic のブランドカラー
  2. 02見出しに Poppins、本文に Lora
  3. 03Arial と Georgia へのフォールバック
  4. 04図形へのアクセントカラー適用
  5. 05背景に応じた文字色の選択

活用シーン

  1. 01プレゼンテーションを Anthropic のスタイルにする
  2. 02文書に Anthropic の配色を適用する
  3. 03ビジュアル作品の書体を選ぶ

インストール

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

$npx skills add https://github.com/partme-ai/full-stack-skills --skill brand-guidelines

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

同梱ファイルLICENSE.txt

詳細

Anthropic のブランドスタイル

このスキルを使用する場面

次の場合にこのスキルを使用します:

  • ユーザーが、あらゆる成果物に Anthropic のブランドカラーとタイポグラフィを適用する必要がある場合
  • ユーザーが Anthropic の公式カラーパレット、フォント、またはビジュアルアイデンティティについて質問した場合
  • 成果物(プレゼンテーション、ドキュメント、ビジュアル)に Anthropic のルック&フィールを取り入れる必要がある場合
  • ユーザーがブランドガイドライン、企業スタイル、または Anthropic のビジュアル基準に言及した場合

ブランドガイドライン

カラー

メインカラー:

  • ダーク:#141413 - メインのテキストと暗い背景
  • ライト:#faf9f5 - 明るい背景と暗い背景上のテキスト
  • ミディアムグレー:#b0aea5 - セカンダリー要素
  • ライトグレー:#e8e6dc - 控えめな背景

アクセントカラー:

  • オレンジ:#d97757 - メインのアクセント
  • ブルー:#6a9bcc - セカンダリーアクセント
  • グリーン:#788c5d - 第三のアクセント
タイポグラフィ
  • 見出し:Poppins(代替フォントは Arial)
  • 本文:Lora(代替フォントは Georgia)
  • 注記:最良の結果を得るには、フォントを環境に事前インストールしてください

機能

スマートなフォント適用
  • 見出し(24pt 以上)に Poppins フォントを適用します
  • 本文に Lora フォントを適用します
  • カスタムフォントを利用できない場合は、自動的に Arial/Georgia に切り替えます
  • すべてのシステムで読みやすさを保ちます
テキストのスタイル設定
  • 見出し(24pt 以上):Poppins フォント
  • 本文:Lora フォント
  • 背景に応じて色をスマートに選択します
  • テキストの階層と書式を維持します
図形とアクセントカラー
  • テキスト以外の図形にはアクセントカラーを使用します
  • オレンジ、ブルー、グリーンのアクセントを順番に使用します
  • ブランドイメージを保ちながら、視覚的な変化を加えます

技術的な詳細

フォント管理
  • 利用可能な場合は、システムにインストールされた Poppins と Lora のフォントを使用します
  • 見出しには Arial、本文には Georgia を自動的に代替フォントとして使用します
  • フォントのインストールは不要です。既存のシステムフォントで動作します
  • 最良の結果を得るには、Poppins と Lora のフォントを環境に事前インストールしてください
カラーの適用
  • ブランドカラーを正確に再現するために、RGB カラー値を使用します
  • python-pptx の RGBColor クラスを介して適用します
  • 異なるシステム間でも色の忠実性を保ちます

ワークフロー

  1. スタイルを設定する成果物(プレゼンテーション、ドキュメント、HTML、画像)を特定します。
  2. カラーを適用します。背景とテキストにはメインカラーを、強調箇所と図形にはアクセントカラーを使用します。
  3. タイポグラフィを適用します。見出し(24pt 以上)には Poppins を、本文には Lora を使用します。
  4. コントラストを確認します。明るい背景には暗いテキストを、暗い背景には明るいテキストを使用してください。
# Example: Apply brand colors to a PowerPoint slide
from pptx.util import Pt
from pptx.dml.color import RGBColor

# Anthropic brand colors
DARK = RGBColor(0x14, 0x14, 0x13)
LIGHT = RGBColor(0xFA, 0xF9, 0xF5)
ORANGE = RGBColor(0xD9, 0x77, 0x57)

キーワード

ブランディング、企業アイデンティティ、ビジュアルアイデンティティ、ブランドカラー、タイポグラフィ、Anthropic ブランド、Poppins、Lora

コメント