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

1. Analyze Task Type: Determine if the task is visual, technical, or content-related.
2. Retrieve Guidelines: Read the relevant resource file (tokens, tech-stack, or voice-tone).
3. Apply Constraints: Implement the solution following the exact values and rules specified.
4. 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.json
• resources/tech-stack.md
• resources/voice-tone.md

See Also

• tailwind-design-system — Para implementación de design tokens en Tailwind v4 con @theme y CVA components