Brand System — Development skill for Claude Code
Produce a client's brand system as a self-contained HTML brand board (the canonical, binding source the build follows) - palette, typography, spacing, logo lockups, mascot, voice, components - with a.
How to install Brand System
Installs to ~/.claude/skills/gartner24-claude-config-brand-system/SKILL.md
mkdir -p ~/.claude/skills/gartner24-claude-config-brand-system && curl -fsSL https://raw.githubusercontent.com/Gartner24/claude-config/HEAD/commands/brand-system.md -o ~/.claude/skills/gartner24-claude-config-brand-system/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Brand System does
description: Produce a client's brand system as a self-contained HTML brand board (the canonical, binding source the build follows) - palette, typography, spacing, logo lockups, mascot, voice, components - with a machine-readable tokens block. Gets client sign-off. Run before /new-site.
Brand System
Create (or formalize) a client's brand system as **`brand-system.html`** - the **canonical, binding source of truth** the whole build follows, and the visual artifact the client signs off
Alternatives in Development
- Mono Color Skill — One-ink editorial print image skill — warm paper, halftone photography, active negative space, and restrained 3k ★
- Beautiful Feishu Whiteboard — 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards 687 ★
- Skill.Color Expert — Agent skill for color science expertise 426 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Netresearch Branding Skill
Netresearch brand guidelines: colors, typography, components
SVG Animate
Animate an SVG — icon, logo reveal, stroke draw, morph, mascot loop — or turn a frame sequence / flat clip int
SVG Create
Author or clean up an SVG asset — icon, illustration, mascot pose, logo mark — so it scales from viewBox, reco
Ip As Logo Skill
A compact Agent Skill for highly simplified, rounded, subtly neo-skeuomorphic IP mascot logos.
Motion Launch Videos
Claude Code plugin + skill: turn a short brief into a looping kinetic-typography launch video. One self-contai
Kztek Brand Info
PHẢI load khi: tạo hoặc sửa tài liệu/slide/báo cáo có logo KZTEK, áp dụng màu Navy #251C53 hoặc Cam #F05922, t
Related Agents
Taa Designer
Use this agent for TAA Step 2.5 (Visual & Vibe Designer). Creates or updates .taa/DESIGN.md (palette, typograp
Ivy UI
UI Designer. Use for visual polish, typography, spacing, making it look like the Fantasy Edge logo.
Design System Author
Authors the design token system. Reads palette.json and typography.json, writes canonical tokens.json (W3C DTC