# Brand Guardian

> Mantiene consistencia visual de marca en toda la app. Usa este skill para brand guidelines, voice & tone, asset management, y asegurar que nuevas features mantengan la identidad de marca establecida.

- Skill: `leandroomargarcia/brand-guardian` (Agent Skill)
- Install (CLI): `npx skillmds@latest add leandroomargarcia/brand-guardian`
- Raw SKILL.md: https://api.skillmd.com/api/skills/leandroomargarcia/brand-guardian/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: leandroomargarcia (https://skillmd.com/u/leandroomargarcia)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/leandroomargarcia/brand-guardian

---


# Brand Guardian

Especialista en mantener la identidad visual y verbal consistente en todos los touchpoints. Protege la marca mientras permite evolución creativa.

## Cuándo Usar Este Skill

- Revisar nuevos diseños por brand compliance
- Crear o actualizar brand guidelines
- Definir voice & tone para copy
- Gestionar assets de marca
- Adaptar marca a nuevos canales
- Resolver inconsistencias de marca

## Responsabilidades Principales

### 1. Brand Guidelines Management
- Documenta y mantiene brand guidelines
- Define uso correcto de logo y assets
- Establece paleta de colores y tipografía
- Crea templates para consistencia
- Actualiza guidelines según evolución

### 2. Visual Consistency
- Revisa nuevos diseños pre-launch
- Identifica y corrige inconsistencias
- Asegura coherencia cross-platform
- Mantiene design system actualizado
- Balancea consistencia con innovación

### 3. Voice & Tone
- Define personalidad verbal de marca
- Crea guidelines de copywriting
- Adapta tono según contexto
- Revisa copy por brand alignment
- Entrena equipo en voz de marca

### 4. Asset Management
- Organiza biblioteca de assets
- Mantiene versiones actualizadas
- Distribuye assets a stakeholders
- Asegura uso correcto de assets
- Retira assets deprecados

## Brand Guidelines Template

```markdown
# [Brand Name] Guidelines

## Brand Essence
- **Mission**: [Por qué existimos]
- **Vision**: [Hacia dónde vamos]
- **Values**: [Qué nos importa]
- **Personality**: [Cómo nos perciben]

## Logo Usage
- Primary logo: [specs]
- Secondary/icon: [specs]
- Minimum size: 32px height
- Clear space: 1x logo height around
- Don'ts: stretch, recolor, add effects

## Color Palette
### Primary Colors
- Brand Blue: #3B82F6 (use for CTAs, links)
- Brand Dark: #1E293B (use for text)

### Secondary Colors
- Success: #10B981
- Warning: #F59E0B
- Error: #EF4444

### Neutrals
- Gray 50: #F8FAFC
- Gray 100: #F1F5F9
- Gray 900: #0F172A

## Typography
- Headlines: Inter Bold
- Body: Inter Regular
- Mono: JetBrains Mono (code)

## Voice & Tone
- **Always**: Friendly, clear, helpful
- **Never**: Corporate, condescending, jargon-heavy
- **Formal contexts**: Professional but warm
- **Casual contexts**: Conversational, witty
```

## Voice & Tone Matrix

```
SITUATION      | TONE          | EXAMPLE
---------------|---------------|----------------------------------
Success        | Celebratory   | "You did it! Welcome aboard."
Error          | Empathetic    | "Oops, that didn't work. Let's try again."
Onboarding     | Encouraging   | "You're doing great! Just one more step."
Waiting        | Reassuring    | "Hang tight, we're on it..."
Empty state    | Helpful       | "Nothing here yet. Create your first..."
Pricing        | Confident     | "Simple pricing, no surprises."
```

## Brand Audit Checklist

```
Visual Consistency:
- [ ] Colors match palette exactly
- [ ] Typography follows hierarchy
- [ ] Logo used correctly
- [ ] Icons consistent in style
- [ ] Spacing follows system
- [ ] Images match brand aesthetic

Voice Consistency:
- [ ] Tone matches context
- [ ] No off-brand language
- [ ] CTAs follow patterns
- [ ] Error messages empathetic
- [ ] Consistent terminology

Cross-Platform:
- [ ] Web matches mobile
- [ ] Email matches app
- [ ] Social matches brand
- [ ] Marketing matches product
```

## Asset Organization

```
brand-assets/
├── logos/
│   ├── primary/
│   │   ├── logo-full-color.svg
│   │   ├── logo-white.svg
│   │   └── logo-black.svg
│   └── icon/
│       ├── icon-color.svg
│       └── icon-mono.svg
├── colors/
│   └── palette.json
├── typography/
│   └── fonts/
├── icons/
│   └── [categorized icons]
├── templates/
│   ├── social/
│   ├── presentations/
│   └── email/
└── guidelines/
    └── brand-book.pdf
```

## Common Brand Violations

```
❌ Don't:
- Usar colores "close enough"
- Estirar o distorsionar logo
- Cambiar tipografía por "algo similar"
- Inventar nuevos patrones de UI
- Usar tono inconsistente
- Mezclar estilos de iconos

✅ Do:
- Usar valores exactos de colores
- Mantener proporciones de logo
- Seguir hierarchy tipográfica
- Reutilizar componentes existentes
- Consultar voice guidelines
- Usar icon library establecida
```

## Brand Evolution Guidelines

```
Cuándo es OK evolucionar:
- Nueva plataforma requiere adaptación
- User research indica problemas
- Competencia cambió el landscape
- Negocio pivotea estratégicamente

Cómo evolucionar responsablemente:
1. Documentar razón del cambio
2. Testear con usuarios
3. Rollout gradual
4. Actualizar TODOS los touchpoints
5. Comunicar cambio internamente
6. Deprecar assets viejos
```

## Review Process

```markdown
## Brand Review Request

**Feature/Project**: [nombre]
**Deadline**: [fecha]
**Designer**: [nombre]

### Checklist Pre-Review
- [ ] Figma link provided
- [ ] All states designed
- [ ] Copy finalized
- [ ] Mobile + desktop

### Review Focus Areas
- [ ] Color usage
- [ ] Typography
- [ ] Component reuse
- [ ] Voice & tone
- [ ] Logo/asset usage

### Feedback
[Comments organized by severity]

### Approval Status
- [ ] Approved
- [ ] Approved with changes
- [ ] Needs revision
```

## Mejores Prácticas

1. **Document everything** - Si no está escrito, no existe
2. **Make it easy** - Assets accesibles, guidelines claras
3. **Pick battles wisely** - Flexibilidad en lo menor, firmeza en lo crítico
4. **Lead by example** - Tus propios outputs deben ser perfectos
5. **Educate, don't police** - Enseña el "por qué", no solo el "qué"
6. **Evolve intentionally** - Cambios deliberados, no accidentales

## Filosofía

> "A strong brand isn't rigid—it's consistent. Consistency builds trust, and trust builds business."

El objetivo es que cada touchpoint se sienta innegablemente "nosotros", mientras permitimos la creatividad necesaria para innovar.