Frontend Design
Use Claude Code to create production-ready interfaces that look professional, not AI-generated. React, Tailwind, and clean design automatically.
Brand Guidelines
Generate brand guidelines with Claude Code. Logo usage, colors, typography, voice and tone—create documentation your team will actually follow.
By Anthropic
Official skill
About
Your logo exists in 14 different email signatures. Marketing uses one blue, sales uses another. The new hire just put your logo on a purple background. Instead, describe your brand. Claude creates a complete guidelines document—logo rules, color specs, typography, voice and tone—that your whole team can actually use.
Stop chasing inconsistency. Start shipping a brand everyone follows. Logo Usage Rules Specify minimum sizes, clear space requirements, and what backgrounds your logo can (and cannot) appear on. Never explain logo misuse again. Color and Typography Specs Generate your complete palette with hex, RGB, and CMYK values. Define primary and secondary typefaces with usage contexts. One source of truth for every designer. Voice and Tone Guidelines Capture how your brand sounds—formal or casual, technical or accessible. Include do's and don'ts with real examples. New hires write on-brand from day one.
Best for
- · Create a complete brand book in minutes instead of weeks
- · Generate accurate color specs (hex, RGB, CMYK) automatically
- · Get voice guidelines with real before/after examples
- · Update existing guidelines without starting over
Not for
- · Cannot create original logo designs—you need to provide your logo file
- · Complex visual identity systems (sub-brands, co-branding rules) benefit from designer input
- · Output is text and structured content—final PDF layout may need formatting tools
How to use
- 1Install the SkillDownload the skill file directly, or install via the plugin marketplace. Skills auto-activate when relevant—no manual invocation needed.
- 2Describe Your BrandShare what you have—logo files, existing colors, brand personality. Claude works with whatever you give it, even if it is scattered across emails and old decks.
- 3Add Reference MaterialsUpload your logo, point to competitor guidelines you admire, or share examples of writing that sounds like you. The more context, the better the output.
- 4Review and RefineClaude generates the full document. Review each section and ask for changes. Too formal? Ask for a friendlier tone. Missing a section? Request it.
Source
@anthropics on GitHubhttps://github.com/anthropics/skills/tree/main/skills/brand-guidelines
Someone else wrote this — read the source, verify it does what it says, and never share a password or API key with it.
Example prompts
Exploring brand directions before committing
Before we build the full guidelines, show me 3 different brand personality directions for a health tech startup. For each, give me a name, sample voice, color mood, and one example headline. I want to pick a direction first.
Building guidelines from scratch
Create complete brand guidelines for Summit Consulting. We are a management consulting firm targeting mid-market CEOs. Colors: navy #1B365D and gold #C5A572. We want to sound authoritative but approachable. Include logo usage, colors, typography, and voice guidelines.
Updating outdated guidelines
Here is our 2019 brand book. Update it for 2024: add dark mode color variants, social media avatar specs, and Slack/Teams usage guidelines. Keep the core brand but modernize the applications.
Creating a quick-start brand card
Our full brand book is 40 pages. Create a one-page quick reference card: primary and secondary colors with hex codes, the two approved fonts, three voice keywords, and the logo download link. Designers should be able to start a project with just this page.
Writing voice and tone section
Write the voice and tone section for a cybersecurity company. We are serious about security but not fear-mongering. Include: brand voice attributes, tone variations by context (marketing vs. incident response), and five before/after examples of on-brand writing.
Comments
No comments yet — be the first.
More like this
Theme Factory
Use Claude Code to generate complete theme systems, dark mode, and design tokens in minutes. Consistent colors and typography automatically.
Visual Design
Use Claude Code to create social media graphics, icons, diagrams, and illustrations. Describe what you want, get PNG or SVG instantly.