brand-archetype-system
À propos
Cette compétence propose des ensembles préconfigurés d'archétypes esthétiques pour la couleur, la typographie, la voix et l'imagerie pour lancer rapidement la conception d'une marque. Elle est déclenchée lorsque les utilisateurs ont besoin d'un point de départ, souhaitent un style similaire à une marque existante, ou recherchent des paramètres par défaut typiques d'un secteur pour converger rapidement. Elle relie les briefs utilisateurs à des familles de conception éprouvées au lieu de partir des principes fondamentaux.
Installation rapide
Claude Code
Recommandénpx skills add rampstackco/claude-skills -a claude-code/plugin add https://github.com/rampstackco/claude-skillsgit clone https://github.com/rampstackco/claude-skills.git ~/.claude/skills/brand-archetype-systemCopiez et collez cette commande dans Claude Code pour installer cette compétence
Documentation
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:
- User provides a brief or references a target archetype
- Agent picks the most relevant core archetype, or composes from 2 adjacent archetypes
- Agent adapts the archetype's defaults to the brief (color tokens shift, type swaps to vertical-appropriate fonts, voice samples rewrite for the brand)
- 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-directionaxes - 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 taxonomy01-how-to-apply-an-archetype.md: the adaptation discipline, the failure modes
The 12 core archetypes
| # | Archetype | Single-line summary |
|---|---|---|
| 01 | Editorial Restrained | Low-saturation, type-led, generous whitespace, considered |
| 02 | Technical Precise | Monospace and grid prominent, data-dense, system-feeling |
| 03 | Warm Conversational | Human imagery, mid-saturation, friendly type, approachable |
| 04 | Bold Confident | High-contrast, large display type, saturated, direct |
| 05 | Playful Energetic | Bright colors, illustration-led, dynamic, character-driven |
| 06 | Luxe Considered | Serif-led, generous spacing, restrained palette, premium |
| 07 | Clinical Trustworthy | Cool palette, sans-serif, clean medical or financial register |
| 08 | Rugged Utilitarian | Earth tones, workwear influence, no-nonsense type |
| 09 | Retro Nostalgic | Period-specific palette and type, intentional vintage reference |
| 10 | Minimal Essentialist | Black, white, single accent, sans-serif only, sparse |
| 11 | Vibrant Saturated | High-saturation across full palette, color as character |
| 12 | Documentary Honest | Photography-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
references/00-archetype-system-overview.md- How the two-layer system fits together, entry patterns, when archetypes compose, and the recurring failure modes.references/01-how-to-apply-an-archetype.md- The 5-step adaptation process: locate the design space, map the brief to adjustable dimensions, adapt color, adapt type, write voice samples. Includes the cross-archetype coherence check.
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.
Dépôt GitHub
Questions fréquentes
Qu’est-ce que le Skill brand-archetype-system ?
brand-archetype-system est un Skill Claude créé par rampstackco. Un Skill regroupe des instructions et des ressources que Claude charge à la demande pour effectuer des tâches liées à brand-archetype-system sans consigne supplémentaire.
Comment installer brand-archetype-system ?
Utilisez les commandes d’installation de cette page : ajoutez brand-archetype-system à Claude Code comme plugin ou clonez son dépôt dans votre dossier skills, puis redémarrez Claude pour charger le Skill.
À quelle catégorie appartient brand-archetype-system ?
brand-archetype-system appartient à la catégorie Méta.
brand-archetype-system est-il gratuit ?
Oui. brand-archetype-system est référencé sur AIMCP et son installation est gratuite.
Compétences associées
Cette compétence propose une configuration éprouvée en production pour Content Collections, un outil axé sur TypeScript qui transforme des fichiers Markdown/MDX en collections de données typées de manière sûre avec une validation Zod. Utilisez-la lors de la création de blogs, de sites de documentation ou d'applications Vite + React riches en contenu pour garantir la sécurité de typage et la validation automatique du contenu. Elle couvre tout, de la configuration du plugin Vite et de la compilation MDX à l'optimisation des déploiements et la validation des schémas.
Cette compétence permet aux développeurs de créer des applications avec la plateforme de marchés prédictifs Polymarket, incluant l'intégration d'API pour le trading et les données de marché. Elle fournit également une diffusion de données en temps réel via WebSocket pour surveiller les transactions en direct et l'activité du marché. Utilisez-la pour mettre en œuvre des stratégies de trading ou pour créer des outils traitant les mises à jour de marché en direct.
Cette compétence aide les développeurs à créer des plugins OpenCode qui s'interconnectent avec plus de 25 types d'événements tels que les commandes, les fichiers et les opérations LSP. Elle fournit la structure du plugin, les spécifications de l'API événementielle et les modèles d'implémentation pour les modules JavaScript/TypeScript. Utilisez-la lorsque vous avez besoin d'intercepter, de surveiller ou d'étendre le cycle de vie de l'assistant IA OpenCode avec une logique personnalisée pilotée par les événements.
SGLang est un framework de service LLM haute performance spécialisé dans la génération rapide et structurée pour les workflows JSON, regex et agentiques grâce à son cache de préfixe RadixAttention. Il offre une inférence nettement plus rapide, particulièrement pour les tâches avec des préfixes répétés, ce qui le rend idéal pour les sorties complexes et structurées ainsi que les conversations multi-tours. Choisissez SGLang plutôt que des alternatives comme vLLM lorsque vous avez besoin d'un décodage contraint ou que vous construisez des applications avec un partage étendu de préfixes.
