brand-guidelines
Anthropicブランドのスタイリングを適用
Également disponible depuis: DYAI2025,anthropics,Cam10001110101,ComposioHQ,davila7,7Spade,ZhanlinCui,sickn33,ArtemisAI,Azeem-2,AutumnsGrove
プレゼンテーション、ドキュメント、またはデザインアーティファクトを作成するチームには、一貫したブランドのビジュアルが必要です。このスキルは、オンプレミスコンテンツの作成のためのAnthropicの公式カラー、タイポグラフィ、およびスタイリングガイドラインを提供します。
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "brand-guidelines". Apply Anthropic brand colors to style a heading and body text
Résultat attendu:
**見出しのスタイリング:**
- フォント: Poppins（Arialフォールバック付き）
- サイズ: 24pt以上
- カラー: ライト背景では#141413（ダーク）、ダーク背景では#faf9f5（ライト）
- 太さ: ボールド
**本文のスタイリング:**
- フォント: Lora（Georgiaフォールバック付き）
- サイズ: 12-14pt
- カラー: #141413（ダーク）
- 行の高さ: 1.5
**図形やグラフィック用のアクセントカラー:**
- プライマリアクセント: #d97757（オレンジ）
- セカンダリアクセント: #6a9bcc（ブルー）
- ターシャリアクセント: #788c5d（グリーン）
Utilisation de "brand-guidelines". Generate CSS for an Anthropic-styled button component
Résultat attendu:
.anthropic-button {
background-color: #d97757; /* Orange accent */
color: #faf9f5; /* Light background color */
font-family: 'Poppins', Arial, sans-serif;
font-weight: 600;
padding: 12px 24px;
border: none;
border-radius: 4px;
}
.anthropic-button:hover {
background-color: #6a9bcc; /* Blue accent for hover */
}
Audit de sécurité
SûrAll static findings are false positives. The skill generates brand-compliant CSS and styling text output through LLM prompting. No actual network calls, file system modifications, or external command execution occur. The detected patterns are markdown documentation (hex color codes misinterpreted as shell syntax, license URLs as network indicators). This is a read-only branding utility that only produces text output.
Facteurs de risque
🌐 Accès réseau (3)
📁 Accès au système de fichiers (1)
⚙️ Commandes externes (7)
Score de qualité
Ce que vous pouvez construire
ブランドに準拠したプレゼンテーションを作成
公式のAnthropicカラーとタイポグラフィを使用して、スライドデッキ、ピッチデッキ、またはコーポレートプレゼンテーションの一貫したカラーとフォントスタイリングを生成します。
デザインモックアップにスタイルを適用
会社の標準とのビジュアル一貫性を維持するために、ワイヤーフレーム、モックアップ、またはデザインモックアップにAnthropicブランドカラーを適用します。
ブランドに準拠したドキュメントを作成
正しいフォントとカラーSchemeでAnthropicのビジュアルアイデンティティに従ったドキュメント、内部ガイド、または技術ドキュメントを作成します。
Essayez ces prompts
Apply Anthropic brand guidelines to create styling for my artifact. Use the official brand colors: Dark (#141413) for primary text, Light (#faf9f5) for backgrounds, and accent colors Orange (#d97757), Blue (#6a9bcc), and Green (#788c5d). Apply Poppins font to headings and Lora font to body text.
Generate CSS code using Anthropic's official brand colors. Primary colors: Dark #141413, Light #faf9f5, Mid Gray #b0aea5, Light Gray #e8e6dc. Accent colors: Orange #d97757, Blue #6a9bcc, Green #788c5d. Include proper font declarations with Poppins for headings and Lora for body text, with Arial and Georgia fallbacks.
Create a slide deck theme based on Anthropic brand guidelines. Include: title slide styling with Poppins font and dark background (#141413) with light text (#faf9f5), content slide layouts with accent color highlights, and consistent typography hierarchy. Specify hex color codes and font treatments for each element.
Generate a comprehensive brand specification document that includes: complete color palette with hex, RGB, and CMYK values, typography system with font weights and sizing, usage guidelines for backgrounds versus text, and examples of correct and incorrect color combinations. Reference Anthropic's official brand guidelines.
Bonnes pratiques
- 正確なカラーマッチングのため、ブランドガイドラインに提供されている公式hexカラーコードを必ず使用してください。
- 明確なビジュアル階層を確立するために、見出し（24pt以上）にはPoppinsフォント、本文にはLoraフォントを適用してください。
- ボタン、アイコン、装飾的な図形などのテキスト以外の要素にはアクセントカラー（オレンジ、ブルー、グリーン）を使用してください。
- アクセシビリティへの準拠のため、テキストと背景色の間に十分なコントラストを確保してください。
Éviter
- プライマリ要素にブランド以外のカラーを使用すると、ビジュアルの一貫性が損なわれます。
- 本文フォントを見出しに適用すると、タイポグラフィの階層が弱くなります。
- テキストにアクセントカラーを使用すると、可読性が低下し、ブランドガイドラインに違反します。
- ブランドフォントと一緒にデザインシステムと相性の悪い関連性のないフォントFamilyを混在させると、全体的な調和が崩れます。