skills.rest
filimorniga-ux
filimorniga-uxCOMMUNITY
Explore all skills by this author →
GitHub

estilo-marca

Apply brand styling and copy guidelines from JSON and markdown resources to UI components.

Updated Nov 25, 2025
Search Tags:#branding#consistency#ui-design#style-guide#visual-identity#tone-of-voice#design-resources
One-click install
npx skills add https://github.com/filimorniga-ux/farmacias-vallenar-suit --skill estilo-marca
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: estilo-marca
Source: https://github.com/filimorniga-ux/farmacias-vallenar-suit/tree/main/.agent/skills/estilo-marca
Command: npx skills add https://github.com/filimorniga-ux/farmacias-vallenar-suit --skill estilo-marca

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures brand styling and copy guidelines are consistently applied across all user-facing UI, landing pages, and components.

Core Features & Use Cases

  • Visual identity: Standardized colors, typography, spacing, and component styles aligned to Farmacias Vallenar Suit.
  • Copy consistency: Tone, vocabulary, and CTA language standardized across interfaces.
  • Use Case: When designing a new screen, apply the brand guide to ensure visuals and text align with the established identity.

Quick Start

Review recursos/estilo-visual.json and recursos/guia-de-textos.md to begin applying the brand standards immediately.

Frequently Asked Questions about estilo-marca

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I maintain visual identity consistency across UI components and landing pages?▼

To maintain visual identity consistency across UI components, you apply standardized brand styling rules for colors, typography, and spacing from a centralized style guide. This ensures every user-facing interface aligns with the established brand identity.

What is the best way to standardize tone of voice and CTA text in UI design?▼

Standardizing tone of voice and CTA text in UI design involves referencing a centralized copy guide that defines specific vocabulary and language rules. This enforces copy consistency across all user-facing interfaces and landing pages.

Can I use a style guide to enforce both visual and copy guidelines simultaneously?▼

Yes, you can use a brand style guide to enforce both visual and copy guidelines simultaneously by referencing visual identity resources and text guides together. This aligns color and typography decisions with tone and CTA language across UI components.

How do I start applying brand standards to a new screen design?▼

To start applying brand standards to a new screen design, review the visual style resources and text guide files first. This provides the standardized colors, typography, and tone of voice rules needed to align the new interface with the brand identity.

What problems does enforcing brand styling solve for user-facing interfaces?▼

Enforcing brand styling solves the problem of fragmented and inconsistent branding across user-facing interfaces. It standardizes visual elements and copy guidelines to ensure all landing pages and components reflect a unified brand identity.

Related Skills

Explore More Design & Creative Skills→
ZiadNagarZiadNagar

brand-guidelines

Apply brand colors, fonts, and style rules to documents and designs.

Community
Advanced
Eir-SpaceEir-Space
2

eir-design-system

Provide Eir design tokens, React component starters, and brand SVGs.

Official
Basic
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
tanujsutariatanujsutaria
1

design-system-auditor

Audit SwiftUI views for hardcoded colors, spacing, and typography.

Community
Basic