From aesthetics-and-emotion-principles
Use this skill when designing brand voice, marketing positioning, mascot or character design, narrative arcs in product onboarding, or any expressive surface where the design must communicate personality. Trigger when picking how a brand "feels" (rebellious, nurturing, sage-like), when designing storytelling for marketing, or when reviewing why a brand voice feels generic. Archetypes is one of the foundational principles in 'Universal Principles of Design' (Lidwell, Holden, Butler 2003), grounded in Jung's analytical psychology and widely applied in branding, storytelling, and product personality.
How this skill is triggered — by the user, by Claude, or both
Slash command
/aesthetics-and-emotion-principles:archetypesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Archetypes are recurring patterns of theme, character, and form that resonate across cultures and centuries. They tap into shared psychological structures that humans seem to recognize without explicit teaching. A brand built around the *outlaw* archetype (Harley-Davidson) feels rebellious; a brand built around the *hero* archetype (Nike) feels triumphant. The archetype is doing work the user m...
Archetypes are recurring patterns of theme, character, and form that resonate across cultures and centuries. They tap into shared psychological structures that humans seem to recognize without explicit teaching. A brand built around the outlaw archetype (Harley-Davidson) feels rebellious; a brand built around the hero archetype (Nike) feels triumphant. The archetype is doing work the user may not consciously identify but feels at an emotional level.
An archetype is a familiar pattern of personality, story, or form that has accumulated meaning across many contexts. The hero who answers a call, faces trials, and returns transformed. The wise mentor. The trickster. The caregiver. These patterns appear in myths, literature, films, advertising, and product design — not because of cultural transmission alone, but because they correspond to something humans recognize across cultures. Designs that align with an archetype borrow its accumulated meaning; designs that don't align with any clear archetype feel undefined.
Brands and products that align with an archetype communicate personality without explanation. Users intuitively understand "this product is for rebels" or "this brand is the wise authority" because the archetype pre-loads meaning. Without an archetype, a brand has to build personality from scratch — often producing diffuse, forgettable identity.
The cost of misalignment: a brand whose visual style says one archetype and whose copy says another feels incoherent. Users sense the dissonance even if they can't articulate it.
| Archetype | Core motivation | Example brands |
|---|---|---|
| Innocent | Safety, simplicity, optimism | Coca-Cola, Dove |
| Sage | Truth, knowledge | Google, BBC, MIT |
| Explorer | Freedom, discovery | The North Face, Jeep, NASA |
| Outlaw | Disruption, rebellion | Harley-Davidson, Virgin |
| Magician | Transformation, vision | Apple, Disney, Tesla |
| Hero | Mastery, triumph | Nike, FedEx |
| Lover | Intimacy, beauty | Chanel, Victoria's Secret |
| Jester | Joy, humor | Old Spice, Dollar Shave Club |
| Everyman | Belonging, realism | IKEA, Levi's, Target |
| Caregiver | Service, compassion | Johnson & Johnson, Volvo |
| Ruler | Control, prosperity | Rolex, Mercedes-Benz |
| Creator | Self-expression, innovation | LEGO, Adobe, Crayola |
Each archetype has a distinct emotional register, vocabulary, and visual style. Picking one — and designing every surface to reinforce it — produces brand coherence.
If you commit to an archetype, every brand surface should reflect it. Picking the Sage archetype implies:
Versus the Jester:
Mixing these — Sage voice with Jester visuals — produces brand confusion.
Campbell's monomyth structures most successful narratives:
Apple's "Think Different" ads, Nike's "Just Do It" campaigns, and most successful product narratives follow some variation. The user is the hero; the product is the mentor or the magical artifact that enables the journey.
Patagonia is the Explorer archetype made coherent across every surface:
The archetype isn't decoration; it shapes business decisions. This coherence is why Patagonia has unusual brand loyalty.
A company markets accounting software as if it were a Magician brand (transformative, visionary, life-changing). Customers buying accounting software want Sage (trustworthy, knowledgeable, accurate) or Caregiver (helpful, supportive). The mismatch produces marketing that feels inflated; trust suffers.
The fix: align the archetype to what the product actually does and what the audience actually wants.
A SaaS product onboarding:
The narrative arc engages emotionally; the product is positioned as enabling the user's journey, not as the hero itself.
Star Wars (A New Hope) is a textbook hero's journey: Luke (ordinary world: farm) → call (Princess Leia's message) → refusal → mentor (Obi-Wan) → trials (Tatooine, Death Star) → ordeal (rescue, escape) → reward (medal) → road back. Lucas explicitly drew on Campbell.
Most blockbuster films follow some variation. The archetype works across cultures because the underlying journey resonates universally.
Nike's "Just Do It" + heroic athletes embodies the Hero archetype consistently for decades. Coke's "Open Happiness" + universal themes embodies the Innocent. Apple's early ads ("1984," "Think Different") embodied the Outlaw; later positioning shifted toward Magician (transformative technology).
Jung's original observation: archetypes recur across distant cultures. Trickster figures (Loki, Hermes, Anansi, Coyote) appear in independent mythologies. Hero figures (Hercules, Beowulf, Sun Wukong) follow similar arcs. The cross-cultural recurrence is what suggested archetypes to Jung.
mimicry — archetypes are patterns; mimicry borrows them.storytelling — the hero's journey is the canonical archetype-driven story.anthropomorphic-form — characters embody archetypes through humanlike features.baby-face-bias — character design choices encode archetype.personas — personas are user-side; archetypes are brand-side.expectation-effect — archetypes set expectations the brand must meet.archetypes-brand-voice — picking and propagating an archetype across brand surfaces.archetypes-storytelling-arcs — using the hero's journey and similar arcs in product narrative.Archetypes are how brands borrow centuries of accumulated emotional meaning. A coherent archetype gives a product personality without explanation; an absent or muddled archetype produces forgettable brands. Pick deliberately; commit consistently; respect that not every audience or every culture reads the same archetype the same way.
npx claudepluginhub hdeibler/universal-design-principles --plugin aesthetics-and-emotion-principlesProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.