| name | maintaining-brand-identity |
| description | Provides the single source of truth for brand guidelines, design tokens, technology choices, and voice/tone. Use when applying brand colors, defining typography scale, configuring CSS custom properties, or writing copy that must match a specific brand voice. Triggers on: design tokens, brand colors, color palette, typography, font family, voice & tone, CSS variables, brand consistency, design system initialization. |
Brand Identity & Guidelines
This skill defines the core constraints for visual design and technical implementation for the brand. You must adhere to these guidelines strictly to maintain consistency.
When to use this skill
- Generating UI components or styling applications.
- Choosing libraries or structuring technical implementations.
- Writing marketing copy, error messages, or documentation.
- Ensuring visual and voice consistency across the project.
Workflow
- Analyze Task Type: Determine if the task is visual, technical, or content-related.
- Retrieve Guidelines: Read the relevant resource file (tokens, tech-stack, or voice-tone).
- Apply Constraints: Implement the solution following the exact values and rules specified.
- Verify Consistency: Cross-reference the output with the brand guidelines.
Instructions
For Visual Design & UI Styling
If you need exact colors, fonts, border radii, or spacing values, read:
👉 resources/design-tokens.json
For Coding & Component Implementation
If you are generating code, choosing libraries, or structuring UI components, read the technical constraints here:
👉 resources/tech-stack.md
For Copywriting & Content Generation
If you are writing marketing copy, error messages, documentation, or user-facing text, read the persona guidelines here:
👉 resources/voice-tone.md
Resources
resources/design-tokens.jsonresources/tech-stack.mdresources/voice-tone.md
See Also
tailwind-design-system — Para implementación de design tokens en Tailwind v4 con @theme y CVA components
