55 lines
1.7 KiB
Markdown
55 lines
1.7 KiB
Markdown
|
---
|
||
|
|
name: brand-guidelines
|
||
|
|
description: Audit and enforce brand consistency across UI, copy, and assets. Use when reviewing designs, copy, or code for brand alignment.
|
||
|
|
---
|
||
|
|
|
||
|
|
# Brand Guidelines Skill
|
||
|
|
|
||
|
|
Use when: reviewing a new feature's UI, writing copy, creating assets, or checking that output matches the brand.
|
||
|
|
|
||
|
|
## Before Starting
|
||
|
|
Ask the user for (or check the repo for):
|
||
|
|
- Brand colors (primary, secondary, accent, neutrals)
|
||
|
|
- Typography (heading font, body font, sizes)
|
||
|
|
- Logo usage rules (clearspace, minimum size, forbidden treatments)
|
||
|
|
- Voice & tone guidelines
|
||
|
|
- Approved imagery style
|
||
|
|
|
||
|
|
## Audit Checklist
|
||
|
|
|
||
|
|
### Color
|
||
|
|
- [ ] Only approved brand colors used?
|
||
|
|
- [ ] No off-brand gradients or tints?
|
||
|
|
- [ ] Interactive states still use brand palette?
|
||
|
|
|
||
|
|
### Typography
|
||
|
|
- [ ] Correct font families loaded and applied?
|
||
|
|
- [ ] Heading hierarchy matches brand spec?
|
||
|
|
- [ ] No unauthorized font weights or styles?
|
||
|
|
|
||
|
|
### Logo & Marks
|
||
|
|
- [ ] Correct logo file (SVG preferred)?
|
||
|
|
- [ ] Minimum clearspace respected?
|
||
|
|
- [ ] Not stretched, recolored, or modified?
|
||
|
|
|
||
|
|
### Voice & Tone
|
||
|
|
- [ ] Formal vs casual matches brand persona?
|
||
|
|
- [ ] Industry jargon level appropriate for audience?
|
||
|
|
- [ ] Consistent terminology (don't mix "sign in"/"log in")?
|
||
|
|
- [ ] Active voice, second person ("you"), present tense?
|
||
|
|
|
||
|
|
### Imagery & Icons
|
||
|
|
- [ ] Icon style consistent (line vs filled, weight, corner radius)?
|
||
|
|
- [ ] Photography style matches brand (candid vs staged, diversity)?
|
||
|
|
- [ ] Illustrations match brand style guide?
|
||
|
|
|
||
|
|
### Spacing & Layout
|
||
|
|
- [ ] Grid system consistent with brand templates?
|
||
|
|
- [ ] White space usage matches brand's density preference?
|
||
|
|
|
||
|
|
## Output
|
||
|
|
List violations by category with:
|
||
|
|
- Location (component/page/file)
|
||
|
|
- What's wrong
|
||
|
|
- What it should be per guidelines
|