MCP HubMCP Hub
스킬 목록으로 돌아가기

brand-archetype-system

rampstackco
업데이트됨 2 days ago
5 조회
239
27
239
GitHub에서 보기
기타design

정보

이 스킬은 색상, 타이포그래피, 어조를 포함한 브랜드 디자인의 시작점을 빠르게 생성하기 위해 미리 정의된 미적 원형을 제공합니다. 개발자가 기존 브랜드와 유사한 디자인 방향(예: "Stripe 같은")이 필요하거나, 개발 속도를 높이기 위해 업종별 기본값을 원할 때 트리거됩니다. 시각적 및 언어적 스타일링을 빠르게 시작할 수 있도록 18개 업종에 걸쳐 12가지 원형을 제공합니다.

빠른 설치

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

기타

이 Claude Skill은 개발자가 로고, 색상, 타이포그래피, 보이스를 포함한 전체 시스템을 문서화하는 포괄적인 브랜드 스타일 가이드를 제작하거나 감사하는 데 도움을 줍니다. 브랜드 북을 구축해야 할 때, 기존 가이드라인을 검토할 때, 또는 인계용 지속적인 참조 자료를 생성할 때 작동합니다. 이를 사용하여 팀과 협력사 간 일관된 브랜드 적용을 보장하는 표준 문서를 생성하세요.

스킬 보기

brand-voice

기타

브랜드 보이스 스킬은 개발자가 브랜드의 전체적인 글쓰기 개성을 정의하고 문서화하는 데 도움을 줍니다. 여기에는 보이스 속성, 어조 변화, 어휘 규칙 등이 포함됩니다. 이 스킬은 가이드라인 작성, 카피 감사, 또는 브랜드 보이스에 대한 AI 훈련 시에 트리거됩니다. 사용자가 브랜드의 글쓰기 방식과 어조를 수립, 정제 또는 적용해야 할 때마다 활용하세요.

스킬 보기

brand-identity

기타

이 스킬은 로고, 색상, 타이포그래피, 이미지를 포함한 완전한 브랜드 시각 정체성 시스템을 설계하거나 평가하는 데 도움을 줍니다. 사용자가 이러한 시각적 요소를 새로 만들거나 기존 시스템의 일관성을 평가해야 할 때 작동합니다. 색상 팔레트 구축, 타이포그래피 선택, 로고 시스템 개발과 같은 작업에 활용하세요.

스킬 보기

brand-ideation

기타

이 스킬은 브랜드 개발의 초기 창의적 과정을 지원하며, 이름, 포지셔닝, 무드 방향과 같은 컨셉을 생성하고 다듬는 데 도움을 줍니다. 초기 탐색, 브레인스토밍, 또는 여러 개의 미완성 아이디어를 일관된 방향으로 수렴할 때 작동합니다. 개발자는 브랜드 네이밍, 포지셔닝 영역 설정, 내러티브 각도 창출과 관련된 작업을 지원하는 데 이 스킬을 사용해야 합니다.

스킬 보기