返回技能列表

brand-archetype-system

rampstackco
更新于 2 days ago
7 次查看
239
27
239
在 GitHub 上查看
其他design

关于

This skill provides pre-defined aesthetic archetypes to quickly generate starting points for brand design, including color, typography, and voice. It's triggered when a developer needs a design direction similar to an existing brand (like "like Stripe") or wants industry-specific defaults to accelerate development. It offers 12 archetypes across 18 verticals to jumpstart visual and verbal styling.

快速安装

Claude Code

推荐
主要方式
npx skills add rampstackco/claude-skills -a claude-code
插件命令备选方式
/plugin add https://github.com/rampstackco/claude-skills
Git 克隆备选方式
git clone https://github.com/rampstackco/claude-skills.git ~/.claude/skills/brand-archetype-system

在 Claude Code 中复制并粘贴此命令以安装该技能

技能文档

Brand Archetype System

Pre-composed aesthetic archetype defaults that jumpstart brand design work. Each archetype bundles color tendencies, type pairings, layout patterns, voice samples, and imagery direction for a recognizable aesthetic family. Stack-agnostic. Tool-agnostic.

This is a starting-point library, not a methodology library. The agent applies archetype defaults to a specific brief; the archetypes themselves provide anchor points, not endpoints.


When to use

  • The user wants a starting point rather than designing from first principles
  • The user references a brand or aesthetic family they want to design near
  • Need to converge faster from many directions to one
  • The user wants vertical-typical defaults (for example fintech consumer, B2B developer tools)
  • The user wants to test what a brief would look like in a different archetype

When NOT to use

  • The user wants pure methodology guidance (use brand-identity)
  • The user is in early ideation needing positioning territories (use brand-ideation)
  • Defining voice for an existing brand (use brand-voice)
  • Documenting a finished brand (use brand-style-guide)

How this composes with other skills

This skill works upstream of brand-identity (provides starting defaults that brand-identity refines into a finished system) and parallel to creative-direction (archetypes can be located by position on the 4 creative-direction axes).

Typical flow when this skill is invoked:

  1. User provides a brief or references a target archetype
  2. Agent picks the most relevant core archetype, or composes from 2 adjacent archetypes
  3. Agent adapts the archetype's defaults to the brief (color tokens shift, type swaps to vertical-appropriate fonts, voice samples rewrite for the brand)
  4. Agent flags adaptation choices made

Direct verbatim copying of an archetype's default palette into a new brand is a failure mode. Archetypes constrain the design space; the brief specifies the point within that space.


The framework: 12 core archetypes plus 18 vertical applications

Two layers of content in references/:

Core archetypes (12 files)

Located in references/core-archetypes/. Each is an aesthetic family with:

  • Aesthetic summary
  • Position on the 4 creative-direction axes
  • Color palette starter (4 to 6 hex values with token names and rationale)
  • Type pairing starter (Google Fonts pairing with size scale)
  • Layout and composition patterns
  • Voice samples (5 to 10 representative lines)
  • Component pattern descriptions (heroes, buttons, cards, tables)
  • Imagery direction
  • When to pick and when to avoid
  • Adaptation guidance
  • Exemplar brands with attribution language

Vertical applications (18 files)

Located in references/by-vertical/. Each maps named brands to core archetypes in that vertical with:

  • Vertical summary
  • Common archetypes
  • Brand-to-archetype mapping (5 to 10 brands per vertical)
  • Vertical-specific adaptation notes
  • Common archetype evolution patterns as brands mature

Two overview files

  • 00-archetype-system-overview.md: how the system works, the taxonomy
  • 01-how-to-apply-an-archetype.md: the adaptation discipline, the failure modes

The 12 core archetypes

#ArchetypeSingle-line summary
01Editorial RestrainedLow-saturation, type-led, generous whitespace, considered
02Technical PreciseMonospace and grid prominent, data-dense, system-feeling
03Warm ConversationalHuman imagery, mid-saturation, friendly type, approachable
04Bold ConfidentHigh-contrast, large display type, saturated, direct
05Playful EnergeticBright colors, illustration-led, dynamic, character-driven
06Luxe ConsideredSerif-led, generous spacing, restrained palette, premium
07Clinical TrustworthyCool palette, sans-serif, clean medical or financial register
08Rugged UtilitarianEarth tones, workwear influence, no-nonsense type
09Retro NostalgicPeriod-specific palette and type, intentional vintage reference
10Minimal EssentialistBlack, white, single accent, sans-serif only, sparse
11Vibrant SaturatedHigh-saturation across full palette, color as character
12Documentary HonestPhotography-led, real people, low-touched imagery

The 18 vertical applications

  • B2B SaaS: Developer Tools, Business Productivity, Marketing and Sales, Data and Analytics
  • Fintech: Consumer, Enterprise
  • DTC: Fashion, Beauty, Home and Lifestyle, Food and Beverage
  • Consumer Health and Wellness
  • Hospitality and Travel
  • Media and Publishing
  • EdTech
  • Gaming and Entertainment
  • Marketplace
  • Crypto and Web3
  • Real Estate and Proptech

Trademark and attribution

Archetypes are NAMED for aesthetic families, NOT for brands. "Editorial Restrained" not "Stripe-like." Brands are referenced as exemplars in description text using attribution language: "exemplified by [brands]", "common among [brands]", "characteristic of [brands]".

This is descriptive and nominative fair use territory, durable across brand redesigns. A brand that pivots its identity does not invalidate the archetype it once exemplified.


The four creative-direction axes (reference)

Each archetype positions on the 4 axes defined in the creative-direction skill. Brief summary for cross-reference:

  • Tone register: Professional, Conversational, Playful
  • Aesthetic register: Restrained, Considered, Expressive, Maximal
  • Audience relationship: Authority, Peer, Companion, Performer
  • Sensory ambition: Functional, Considered, Immersive, Theatrical

Each core archetype file specifies its position on each axis.


Reference files

The 12 core archetype files live in the core-archetypes/ subdirectory under references, numbered 01 (Editorial Restrained) through 12 (Documentary Honest). The 18 vertical application files live in the by-vertical/ subdirectory under references, numbered 01 (B2B SaaS Developer Tools) through 18 (Real Estate and Proptech). Load the relevant core archetype file plus the relevant vertical file together for any brief that names both an aesthetic family and an industry.

GitHub 仓库

rampstackco/claude-skills
路径: skills/brand-archetype-system
0
agent-skillsai-agentsanthropicclaudeclaude-aiclaude-code

相关推荐技能

brand-style-guide

其他

该Skill用于创建或审核全面的品牌风格指南,涵盖品牌故事、标识系统、色彩、字体等完整体系。它适用于建立新品牌指南、记录现有品牌或审计现有指南完整性的场景,并能生成供团队长期参考的规范文档。当需要将已完成的品牌资产文档化并交接给设计师、开发人员或合作伙伴时,此Skill可被相关关键词触发使用。

查看技能

brand-voice

其他

该Skill用于创建或完善品牌的书面声音与语调体系,涵盖声音特质、情境语调转换、词汇偏好和语法规则等。它适用于定义品牌风格、撰写声音指南、审核文案一致性,或训练团队及AI助手遵循品牌声音。当用户需要统一品牌文案个性,或感觉现有文案“不对劲”时,均可触发此Skill来系统化解决问题。

查看技能

brand-identity

其他

该Skill用于设计或评估品牌视觉识别系统,涵盖Logo、色彩、字体、图像、图标和动效。当开发者需要创建新品牌视觉资产或评估现有系统的一致性时即可触发使用。它能提供从概念到具体设计原则的完整指导,帮助将品牌方向转化为可执行的视觉方案。

查看技能

logo-design

其他

该Skill专门用于为品牌或组织生成多种生产级的Logo变体,涵盖文字标记、组合标志、独立符号等不同架构。它能提供设计原理、应用规格和可直接用于决策的演示方案,并特别关注从微小图标到大型标识等实际应用场景的生产规范。当开发者需要专注于Logo本身的设计、迭代或生产优化,而非完整的品牌系统时,应触发此Skill。

查看技能