スキル一覧に戻る

brand-archetype-system

rampstackco
更新日 2 days ago
3 閲覧
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スキルは、開発者が包括的なブランドスタイルガイドの作成や監査を支援し、ロゴ、カラー、タイポグラフィ、トーンボイスを含む完全なシステムを文書化します。ブランドブックの構築が必要な時、既存ガイドラインの監査を行う時、または引き継ぎ用の永続的な参照資料を作成する際に起動します。チームや外部ベンダー間で一貫したブランド適用を保証する規範文書を生成するためにご利用ください。

スキルを見る

brand-voice

その他

ブランドボイススキルは、開発者がブランドの完全な文章パーソナリティ(声の特性、トーンの変化、語彙ルールを含む)を定義し、文書化するのに役立ちます。ガイドラインの作成、コピーの監査、またはAIへのブランドボイスのトレーニング時に起動されます。ユーザーがブランドの文章表現を確立、洗練、または徹底させる必要がある際にご利用ください。

スキルを見る

brand-ideation

その他

このスキルは、ブランド開発における初期段階の創造的プロセスを支援し、名前、ポジショニング、ムードの方向性などのコンセプトを生成・洗練する手助けをします。初期探索、ブレインストーミング、あるいは複数の未完成なアイデアを一貫した方向性に収束させる際に起動されます。開発者は、ブランド命名、ポジショニング領域の設定、ナラティブな視点の構築に関連するタスクを支援するために、このスキルを活用すべきです。

スキルを見る

brand-identity

その他

このスキルは、ロゴ、カラー、タイポグラフィ、イメージを含む完全なブランドのビジュアル・アイデンティティ・システムのデザインや評価を支援します。ユーザーがこれらの視覚的要素を作成する必要がある場合や、既存のシステムの一貫性を評価する際に発動します。カラーパレットの構築、タイポグラフィの選択、ロゴシステムの開発などのタスクにご利用ください。

スキルを見る