视觉画布设计
canvas-design
基于设计原则创作静态视觉作品,用于海报与品牌图形。
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," "…
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
Guides brand strategy: purpose, values, positioning, storytelling, voice, and visual identity. Companies with consistent branding see 23–33% revenue lift; people remember stories ~22× more than facts alone. Use this skill when defining a new brand, auditing consistency, or aligning messaging across touchpoints.
Keywords: brand strategy, brand guidelines, visual identity, storytelling, brand voice, design tokens, slide deck, corporate identity, style guide, positioning
When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
Project context: Read root contextus.md when present and load only the modules relevant to this task. Without Contextus, use available project material or user-provided facts and ask for missing information; do not create a parallel context system.
Identify:
| Pillar | Purpose |
|---|---|
| Brand purpose | Why the brand exists beyond profit; one sentence |
| Brand values | 4–5 core values; what you stand for; differentiators |
| Target audience | Who you serve; ICP; jobs to be done |
| Positioning | For [customer] who [need], our [product] is a [category] that [benefit]. Unlike [competitor], we [differentiator] because [reasons] |
| Differentiation | Why you, not alternatives; concrete, not vague |
| Element | Content |
|---|---|
| Hero | Your customer; their needs, wants, context |
| Problem | What they face; how they solve it now |
| Inciting insight | Reframing that creates urgency |
| Brand's role | Guide, tool, or partner—not hero; how you enable resolution |
| Transformation | What better future looks like; proof (case studies, testimonials) |
| Archetype | Tone | Example |
|---|---|---|
| Creator | Innovative, imaginative | Adobe |
| Caregiver | Nurturing, supportive | Johnson & Johnson |
| Ruler | Authoritative, premium | Mercedes-Benz |
| Innocent | Simple, optimistic | Coca-Cola |
| Sage | Wise, knowledgeable | |
| Explorer | Adventurous, independent | Patagonia |
| Outlaw | Rebellious, disruptive | Harley-Davidson |
| Magician | Transformative, visionary | Disney |
| Hero | Courageous, determined | Nike |
| Lover | Passionate, sensual | Chanel |
| Jester | Playful, fun | M&M's |
| Everyman | Relatable, down-to-earth | IKEA |
Align archetype to customer personality; strengthens storytelling.
| Element | Definition | Example |
|---|---|---|
| Voice | Brand personality; consistent across touchpoints | Professional / Friendly / Technical / Bold |
| Tone | How you say it; adapts to context | Confident but not arrogant; helpful; concise |
| Avoid | Buzzwords, terms to never use | "streamline," "revolutionize," "synergy" |
| Preferred | Terms to use consistently | "audit" not "analysis"; "customer" not "user" |
Contextus brand module: Maintain project-specific voice, tone, prohibited language, and preferred terms in Contextus.
| Element | Strategy | Implementation |
|---|---|---|
| Colors | Primary, secondary, CTA; industry mapping | brand-visual-generator |
| Typography | Display + body; hierarchy; pairing | brand-visual-generator |
| Logo | Variants, clear space, minimum size | logo-generator |
| Imagery | Tone, subject matter, visual mood | Brand guidelines |
| Consistency | Same identity across web, social, product | All touchpoints |
For full visual specs (fonts, HEX, spacing), see brand-visual-generator. For logo placement and implementation, see logo-generator.
Single source of truth. Include:
When the user needs actionable specs (not only strategy)—for web, slides, or print—produce a token table the team can paste into a design system, media kit, or slide master. Align with brand-visual-generator for full web/CSS detail.
| Token category | What to document | Example fields |
|---|---|---|
| Colors | Named roles + values for light/dark if applicable | Primary #______, text primary #______, background #______, accent 1–3, CTA, border, error/success |
| Typography | Family, weight, size scale, line-height | Display / H1–H3 / body / caption; web-safe or system fallbacks |
| Spacing | Base unit and scale | e.g. 8px base; section gaps; logo clear space in em or px |
| Non-text accents | Charts, shapes, dividers | Rotate accent colors; avoid arbitrary one-off hues outside palette |
Applying tokens across surfaces
If the user pastes an existing brand PDF or bullet list, extract and normalize into this token table before suggesting implementation.