Agent skill · design visual · aiskillstore
brand-guide
Generate and maintain brand style guides - colors, fonts, imagery, voice/tone, responsive specs. Use when documenting brand identity or creating style guide pages.
Why this skill is useful
Generates brand style guide content and extracts brand data from existing themes, providing specific documentation patterns not commonly known.
What it needs
Requires bash, python3 installed locally. About 3k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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 CSR Development Brand Colors Name Hex RGB Usage ------ ----- ----- ------- CSR Cream #EDEAE3 rgb(237, 234, 227) Backgrounds, cards, header CSR Dark Blue #07254B rgb(7, 37, 75) Text, headings, footer, CTAs CSR Light Blue #B4C1D1 rgb(180, 193, 209) Hover states, labels, accents Typography Primary Font: Manrope (Google Fonts) Element Style Size (Mobile) Size (Desktop) --------- ------- --------------- ---------------- H1 font-light tracking-tighter text-5xl text-9xl H2 font-light text-4xl text-5xl H3 font-light text-xl text-xl Body font-light leading-relaxed text-lg text-lg Label font-bold uppercase tracking-widest text-xs text-xs Imagery Style: Professional architectural photography Treatment: Subtle grayscale (20%), dark blue overlay (10% opacity) Subjects: Modern buildings, Miami skyline, luxury interiors, construction Aspect Ratios: Hero: 16:9 (video) or full height Portfolio cards: 4:5 Team photos: 1:1 Voice & Tone Personality: Professional, Sophisticated, Trustworthy, Visionary Tone: Confident but not arrogant, elegant but accessible Do: "CSR acquires and develops real estate assets that create long-term value" "Built on Legacy" "Elevating the standard of living through thoughtful design" Don't: Overly casual language Excessive exclamation points Industry …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/brand-guide