brand-guidelines について
OpenAIのブランドアイデンティティをビジュアル素材に適用するスキルです。ブランドカラー、タイポグラフィ、テキスト階層、代替フォントを指定します。
主な機能
- 01指定されたブランドカラーの適用
- 02見出し・本文・コードの書式設定
- 03背景に応じた文字色の選択
- 04図形へのアクセントカラー適用
- 05利用可能なフォントへのフォールバック
活用シーン
- 01OpenAIカラーを使った資料の装飾
- 02テキストへのブランド書体の適用
- 03アクセントカラーを使った図形の整形
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/brand-guidelinesを入力して読み込まれたか確認します。
同梱ファイルLICENSE.txt
詳細
OpenAI ブランドスタイル
概要
このスキルを使って、OpenAI のブランドアイデンティティとスタイルのリソースを適用します。
キーワード：ブランディング、コーポレートアイデンティティ、ビジュアルアイデンティティ、後処理、スタイリング、ブランドカラー、タイポグラフィ、OpenAI ブランド、Codex、ビジュアルフォーマット、ビジュアルデザイン
ブランドガイドライン
色
メインカラー：
- チャコール：
#0E0F12- 主要なテキストと暗い背景 - スレート：
#202123- サーフェスの背景 - ミスト：
#F5F7FA- 明るい背景と暗い背景上のテキスト - スチール：
#9EA1AA- セカンダリー要素と区切り線
アクセントカラー：
- OpenAI グリーン：
#10A37F- メインのアクセント - アズール：
#2B8FFF- セカンダリーのアクセント - グラファイト：
#40434A- アイコンや線に使うニュートラルなアクセント
タイポグラフィ
- 見出し：Inter、セミボールド／ボールド（Arial を代替フォントとして使用）
- 本文：Inter、レギュラー（Arial を代替フォントとして使用）
- コード／等幅フォント：IBM Plex Mono（Menlo／monospace を代替フォントとして使用）
- 注記：最良の結果を得るには、使用環境にフォントを事前にインストールしてください
機能
スマートなフォント適用
- 見出し（24pt 以上）に Inter セミボールド／ボールドを適用します
- 本文に Inter レギュラーを適用します
- コードスニペットやインラインコードに IBM Plex Mono を適用します
- カスタムフォントを利用できない場合は、Arial／Menlo に自動的にフォールバックします
- あらゆるシステムで読みやすさを維持します
テキストのスタイリング
- 見出し（24pt 以上）：Inter セミボールド／ボールド
- 本文：Inter レギュラー
- 背景に応じて色をスマートに選択します（チャコールまたはミスト）
- テキストの階層構造と書式を維持します
図形とアクセントカラー
- テキスト以外の図形にはアクセントカラーを使用します
- アクセントを順番に使用します：OpenAI グリーン → アズール → グラファイト
- ブランドイメージを保ちながら、視覚的な変化をつけます
技術的な詳細
フォント管理
- 利用可能な場合は、システムにインストールされた Inter と IBM Plex Mono を使用します
- Arial（見出し／本文）および Menlo／monospace（コード）に自動的にフォールバックします
- フォントのインストールは不要で、既存のシステムフォントで動作します
- 最良の結果を得るには、使用環境に Inter と IBM Plex Mono を事前にインストールしてください
色の適用
- ブランドカラーを正確に再現するため、RGB カラー値を使用します
- python-pptx の RGBColor クラスを介して適用します
- 異なるシステム間でも色の忠実度を維持します
コメント
Markdown 対応