brand-guidelisted

# Brand Guide Skill Generate comprehensive brand style guides documenting colors, typography, imagery, voice/tone, and responsive design specifications. ## When to Use This Skill Invoke this skill when you need to: - Create a brand style guide page - Document color palettes with hex/rgb values - Specify typography guidelines - Define imagery and photography style - Establish voice and tone guidelines - Document responsive design breakpoints - Extract brand info from existing themes ## What This Skill Does 1. **Extracts brand data** from existing theme files (CSS, PHP) 2. **Generates HTML/Markdown** brand guide content 3. **Creates WordPress pages** with brand documentation 4. **Documents responsive behavior** at all breakpoints ## Brand Data Structure ```yaml brand: name: "Brand Name" tagline: "Brand Tagline" established: 2025 location: "City, State" colors: primary: name: "Color Name" hex: "#HEXCODE" rgb: "rgb(r, g, b)" usage: "When to use this color" secondary: name: "Color Name" hex: "#HEXCODE" usage: "When to use this color" accent: name: "Color Name" hex: "#HEXCODE" usage: "When to use this color" typography: primary_font: "Font Family" weights: [300, 400, 700] headings: style: "font-light tracking-tighter" sizes: h1: "text-5xl md:text-9xl" h2: "text-4xl md:text-5xl" h3: "text-xl" body: style: "font-light leading-relaxed" size: "text-lg" imagery: style: "Profession