---

name: brand-guidelines description: 'Apply brand colors, typography, và style guidelines cho artifacts. Sử dụng khi cần brand identity, visual formatting, company design standards, corporate styling.'

Brand Guidelines Skill

Skill này cung cấp brand identity và style resources. Áp dụng cho artifacts cần consistent brand look-and-feel.

Khi Nào Sử Dụng

• Apply brand colors/typography
• Visual formatting theo brand
• Corporate identity styling
• Consistent design standards
• Post-processing artifacts

---

Default Brand Template

Colors

Main Colors:

Accent Colors:

Typography

---

CSS Variables Template

Copy:root {
  /* Main Colors */
  --brand-dark: #141413;
  --brand-light: #faf9f5;
  --brand-mid-gray: #b0aea5;
  --brand-light-gray: #e8e6dc;
  
  /* Accent Colors */
  --brand-orange: #d97757;
  --brand-blue: #6a9bcc;
  --brand-green: #788c5d;
  
  /* Typography */
  --font-heading: 'Poppins', Arial, sans-serif;
  --font-body: 'Lora', Georgia, serif;
}

---

Application Guidelines

Headings

Copyh1, h2, h3 {
  font-family: var(--font-heading);
  color: var(--brand-dark);
  font-weight: 600;
}

Body Text

Copybody, p {
  font-family: var(--font-body);
  color: var(--brand-dark);
  line-height: 1.6;
}

Buttons (Primary)

Copy.btn-primary {
  background: var(--brand-orange);
  color: var(--brand-light);
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
}

Buttons (Secondary)

Copy.btn-secondary {
  background: transparent;
  color: var(--brand-dark);
  border: 2px solid var(--brand-mid-gray);
}

Links

Copya {
  color: var(--brand-blue);
  text-decoration: none;
}
a:hover {
  color: var(--brand-orange);
}

---

Custom Brand Setup

Khi cần brand riêng, thu thập:

Required Information

Brand Definition Template

Copybrand_name: "[Company Name]"
colors:
  primary: "#XXXXXX"
  secondary: "#XXXXXX"
  accent: "#XXXXXX"
  background: "#XXXXXX"
  text: "#XXXXXX"
typography:
  heading: "[Font Name]"
  body: "[Font Name]"
tone: "[professional/playful/modern/classic]"

---

Quick Reference

Color Contrast Guidelines

Font Pairing Rules

---

Note: Fonts should be pre-installed hoặc imported từ Google Fonts for best results.