skills.rest
ChenYCL
ChenYCLCOMMUNITY
Explore all skills by this author →
GitHub

brand-guidelines

Apply brand colors, typography, and spacing standards to digital and print artifacts.

1|Updated Feb 5, 2026
Search Tags:#typography#branding#design system#style guide#color palette#visual identity
One-click install
npx skills add https://github.com/ChenYCL/claude-skills-collection --skill brand-guidelines-chenycl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-guidelines
Source: https://github.com/ChenYCL/claude-skills-collection/tree/main/brand-guidelines
Command: npx skills add https://github.com/ChenYCL/claude-skills-collection --skill brand-guidelines-chenycl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that all digital and print artifacts adhere to a company's established visual identity, preventing brand dilution and maintaining a professional, cohesive image.

Core Features & Use Cases

  • Color Palette Application: Apply primary, secondary, accent, and semantic colors consistently.
  • Typography Standards: Utilize defined font stacks and type scales for headings and body text.
  • Spacing and Layout: Implement a consistent spacing system for clean and organized designs.
  • Component Styling: Apply pre-defined styles for common UI elements like buttons, cards, and forms.
  • Document Formatting: Provides style guides for Word/PDF headers and presentation slides.
  • Use Case: A marketing team needs to create a new brochure. They can use this Skill to ensure all colors, fonts, and spacing match the company's official brand guidelines, maintaining brand integrity.

Quick Start

Apply the brand-guidelines skill to style the attached document with the primary brand colors and Inter font.

Frequently Asked Questions about brand-guidelines

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

FAQPage Schema
How do I ensure brand consistency across digital and print artifacts?▼

Brand consistency is maintained by applying professional color palettes, typography standards, and spacing systems to artifacts. This prevents brand dilution by ensuring adherence to established visual identity guidelines.

How do I apply a consistent color palette and typography to document formatting?▼

Apply color palettes and typography using defined font stacks and type scales for document formatting. This provides style guides for Word/PDF headers and presentation slides to maintain visual identity.

Does this brand styling approach work with CSS variables and Python dictionaries?▼

Yes, this approach utilizes CSS variables and Python dictionaries for style definitions. This mechanism ensures adherence to brand guidelines and accessibility standards across all generated digital and print artifacts.

Can I use this to apply a spacing system and component styles for UI elements?▼

Yes, you can implement a consistent spacing system and apply pre-defined component styles for common UI elements like buttons, cards, and forms. This ensures clean, organized designs and visual identity.

What is the best way to maintain visual identity when creating marketing brochures?▼

The best way to maintain visual identity is to apply official brand colors, fonts, and spacing to the brochure. This ensures all elements match company brand guidelines and maintains brand integrity.

Related Skills

Explore More Design & Creative Skills→
LeastBitLeastBit
560

brand-guidelines

Apply Anthropic brand colors, fonts, and visual identity to presentations.

Community
Basic
akobryan1akobryan1
1

brand-guidelines

Provide brand color and typography standards for consistent visual identity.

Community
Basic
wpankwpank
11

shadcn-ui

Build accessible UI components with shadcn/ui, Radix UI, and Tailwind CSS.

Community
Intermediate
ArroganceGArroganceG

brand-guidelines

Apply Anthropic's official brand colors and typography to documents and presentations.

Community
Intermediate