brand-style-guide

Solid

Build or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts. Use this skill whenever the user wants to create brand guidelines, document an existing brand, build a brand book, audit an existing style guide for completeness, or produce the artifact that other teams will reference for years. Triggers on style guide, brand guidelines, brand book, brand standards, brand manual, style sheet, brand documentation, brand reference. Also triggers when the brand identity is finished and needs to be documented for handoff to designers, developers, vendors, or future team members.

Web & Frontend 280 stars 37 forks Updated 2 days ago MIT

Install

View on GitHub

Quality Score: 94/100

Stars 20%
82
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Brand Style Guide Document the brand system so other people can use it without ambiguity. This is the artifact that lives longest. Designers, developers, agencies, and vendors will reference it for years. Build it like a reference manual, not a presentation. This skill assumes the brand identity is designed (run `brand-identity` first if not). The output of this skill is the canonical reference document. --- ## When to use - Creating brand guidelines for a finished identity - Documenting an existing brand that has no formal guide - Auditing an existing style guide for gaps or inconsistencies - Building a brand book to hand to vendors, partners, or new team members - Updating a guide after a major brand evolution ## When NOT to use - The brand identity is not yet designed (use `brand-identity`) - Brand voice work specifically (use `brand-voice` for the voice doc, then integrate) - Building UI components (use `design-standards` or `design-system`) --- ## Required inputs - Finished brand identity (logo, colors, typography, imagery direction, motion principles) - Brand voice and tone documentation (or sufficient inputs to write a voice section) - Application examples that show the brand in real contexts - Decisions on what is mandatory vs flexible vs forbidden --- ## The framework: 8 sections A complete style guide has eight sections. Most guides skip 2 or 3 of them and create downstream confusion. Build all 8 from the start. ### 1. Story The narrative behind the ...

Details

Author
rampstackco
Repository
rampstackco/claude-skills
Created
1 months ago
Last Updated
2 days ago
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

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.

335 Updated today
aiskillstore
AI & Automation Listed

brand-guidelines

Compile comprehensive brand guidelines covering logo, colour, typography, imagery, voice, and do's/don'ts — produces a complete brand book ready for design handoff

3 Updated 4 days ago
anthril
Code & Development Listed

brand-guidelines

Professional brand consistency enforcement and corporate identity management with support for color palettes, typography, logo usage, tone of voice, and multi-channel brand application. Use for: (1) Creating brand style guides, (2) Enforcing brand consistency across documents, (3) Logo usage validation, (4) Typography standards, (5) Color palette management, (6) Brand voice guidelines

335 Updated today
aiskillstore
AI & Automation Solid

brand-identity

Design or evaluate a brand visual identity system covering logo, color, typography, imagery direction, iconography, and motion principles. Use this skill whenever the user wants to design a logo, build a visual identity, define brand colors, choose brand typography, develop iconography, plan brand imagery, or evaluate an existing identity for cohesion. Triggers on logo design, brand identity, visual identity, brand mark, wordmark, monogram, color palette, brand colors, brand typography, type system, iconography, brand imagery, motion design, brand system, identity system. Also triggers when the user has a brand direction approved and now needs the visual artifacts that express it.

280 Updated 2 days ago
rampstackco
Web & Frontend Solid

branding

When the user wants to define, audit, or apply brand strategy—purpose, values, positioning, storytelling, voice, narrative (not only visuals). Also use when the user mentions "brand strategy," "brand story," "brand storytelling," "brand voice," "brand identity," "brand guidelines," "brand purpose," "brand values," "origin story," "brand narrative," "brand personality," "brand archetype," "slide deck branding," "PPT brand colors," or "document style guide." For typography, colors, design tokens, and frontend visuals, use brand-visual-generator.

553 Updated 3 weeks ago
kostja94