{"id":"d0ac4d42-6bec-4720-8656-8865c717e3bb","shortId":"ybKDt7","kind":"skill","title":"brand-archetype-system","tagline":"Apply pre-composed aesthetic archetype defaults to jumpstart brand design work covering color, typography, layout, voice, and imagery direction. Use this skill whenever the user wants a starting point for brand visual and verbal direction, references a brand they want to design n","description":"# Brand Archetype System\n\nPre-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.\n\nThis 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.\n\n---\n\n## When to use\n\n- The user wants a starting point rather than designing from first principles\n- The user references a brand or aesthetic family they want to design near\n- Need to converge faster from many directions to one\n- The user wants vertical-typical defaults (for example fintech consumer, B2B developer tools)\n- The user wants to test what a brief would look like in a different archetype\n\n## When NOT to use\n\n- The user wants pure methodology guidance (use `brand-identity`)\n- The user is in early ideation needing positioning territories (use `brand-ideation`)\n- Defining voice for an existing brand (use `brand-voice`)\n- Documenting a finished brand (use `brand-style-guide`)\n\n---\n\n## How this composes with other skills\n\nThis 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).\n\nTypical flow when this skill is invoked:\n1. User provides a brief or references a target archetype\n2. Agent picks the most relevant core archetype, or composes from 2 adjacent archetypes\n3. Agent adapts the archetype's defaults to the brief (color tokens shift, type swaps to vertical-appropriate fonts, voice samples rewrite for the brand)\n4. Agent flags adaptation choices made\n\nDirect 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.\n\n---\n\n## The framework: 12 core archetypes plus 18 vertical applications\n\nTwo layers of content in `references/`:\n\n### Core archetypes (12 files)\n\nLocated in `references/core-archetypes/`. Each is an aesthetic family with:\n- Aesthetic summary\n- Position on the 4 `creative-direction` axes\n- Color palette starter (4 to 6 hex values with token names and rationale)\n- Type pairing starter (Google Fonts pairing with size scale)\n- Layout and composition patterns\n- Voice samples (5 to 10 representative lines)\n- Component pattern descriptions (heroes, buttons, cards, tables)\n- Imagery direction\n- When to pick and when to avoid\n- Adaptation guidance\n- Exemplar brands with attribution language\n\n### Vertical applications (18 files)\n\nLocated in `references/by-vertical/`. Each maps named brands to core archetypes in that vertical with:\n- Vertical summary\n- Common archetypes\n- Brand-to-archetype mapping (5 to 10 brands per vertical)\n- Vertical-specific adaptation notes\n- Common archetype evolution patterns as brands mature\n\n### Two overview files\n\n- `00-archetype-system-overview.md`: how the system works, the taxonomy\n- `01-how-to-apply-an-archetype.md`: the adaptation discipline, the failure modes\n\n---\n\n## The 12 core archetypes\n\n| # | Archetype | Single-line summary |\n|---|---|---|\n| 01 | Editorial Restrained | Low-saturation, type-led, generous whitespace, considered |\n| 02 | Technical Precise | Monospace and grid prominent, data-dense, system-feeling |\n| 03 | Warm Conversational | Human imagery, mid-saturation, friendly type, approachable |\n| 04 | Bold Confident | High-contrast, large display type, saturated, direct |\n| 05 | Playful Energetic | Bright colors, illustration-led, dynamic, character-driven |\n| 06 | Luxe Considered | Serif-led, generous spacing, restrained palette, premium |\n| 07 | Clinical Trustworthy | Cool palette, sans-serif, clean medical or financial register |\n| 08 | Rugged Utilitarian | Earth tones, workwear influence, no-nonsense type |\n| 09 | Retro Nostalgic | Period-specific palette and type, intentional vintage reference |\n| 10 | Minimal Essentialist | Black, white, single accent, sans-serif only, sparse |\n| 11 | Vibrant Saturated | High-saturation across full palette, color as character |\n| 12 | Documentary Honest | Photography-led, real people, low-touched imagery |\n\n## The 18 vertical applications\n\n- B2B SaaS: Developer Tools, Business Productivity, Marketing and Sales, Data and Analytics\n- Fintech: Consumer, Enterprise\n- DTC: Fashion, Beauty, Home and Lifestyle, Food and Beverage\n- Consumer Health and Wellness\n- Hospitality and Travel\n- Media and Publishing\n- EdTech\n- Gaming and Entertainment\n- Marketplace\n- Crypto and Web3\n- Real Estate and Proptech\n\n---\n\n## Trademark and attribution\n\nArchetypes 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]\".\n\nThis 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.\n\n---\n\n## The four creative-direction axes (reference)\n\nEach archetype positions on the 4 axes defined in the `creative-direction` skill. Brief summary for cross-reference:\n\n- **Tone register**: Professional, Conversational, Playful\n- **Aesthetic register**: Restrained, Considered, Expressive, Maximal\n- **Audience relationship**: Authority, Peer, Companion, Performer\n- **Sensory ambition**: Functional, Considered, Immersive, Theatrical\n\nEach core archetype file specifies its position on each axis.\n\n---\n\n## Reference files\n\n- [`references/00-archetype-system-overview.md`](references/00-archetype-system-overview.md) - How the two-layer system fits together, entry patterns, when archetypes compose, and the recurring failure modes.\n- [`references/01-how-to-apply-an-archetype.md`](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.\n\nThe 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.","tags":["brand","archetype","system","claude","skills","rampstackco","agent-skills","anthropic","awesome-claude-code","awesome-claude-prompts","awesome-claude-skills","claude-code"],"capabilities":["skill","source-rampstackco","skill-brand-archetype-system","topic-agent-skills","topic-anthropic","topic-awesome-claude-code","topic-awesome-claude-prompts","topic-awesome-claude-skills","topic-claude","topic-claude-code","topic-claude-skills","topic-good-first-issue","topic-mcp","topic-product-management","topic-seo"],"categories":["claude-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/rampstackco/claude-skills/brand-archetype-system","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add rampstackco/claude-skills","source_repo":"https://github.com/rampstackco/claude-skills","install_from":"skills.sh"}},"qualityScore":"0.540","qualityRationale":"deterministic score 0.54 from registry signals: · indexed on github topic:agent-skills · 181 github stars · SKILL.md body (6,694 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T18:55:12.745Z","embedding":null,"createdAt":"2026-05-11T00:55:38.066Z","updatedAt":"2026-05-18T18:55:12.745Z","lastSeenAt":"2026-05-18T18:55:12.745Z","tsv":"'00-archetype-system-overview.md':508 '01':531,915,937 '01-how-to-apply-an-archetype.md':515 '02':543 '03':556 '04':567 '05':578 '06':590 '07':601 '08':614 '09':625 '1':280 '10':434,489,637 '11':649 '12':368,383,523,661,901,919 '18':372,462,674,923,943 '2':290,301 '3':304 '4':268,330,399,407,799 '5':432,487,872 '6':409 'accent':643 'across':655,770 'adapt':306,333,453,496,517,874,886,888 'adjac':302 'adjust':884 'aesthet':9,55,80,137,391,394,730,819,967 'agent':100,291,305,331 'agnost':84,87 'ambit':832 'among':756 'analyt':688 'anchor':112 'appli':5,101 'applic':374,461,676,925 'approach':566 'appropri':322 'archetyp':3,10,50,56,64,102,109,181,260,289,297,303,308,341,353,370,382,473,481,485,499,525,526,726,783,795,839,862,897,903,910,952 'attribut':458,725,750 'audienc':825 'author':827 'avoid':452 'axe':272,403,792,800 'axi':846 'b2b':164,677,938 'beauti':694 'beverag':700 'black':640 'bold':568 'brand':2,14,36,43,49,60,135,194,207,214,217,222,225,240,247,329,348,456,470,483,490,503,734,741,754,757,760,771,774 'brand-archetype-system':1 'brand-id':206 'brand-ident':193,239,246 'brand-style-guid':224 'brand-to-archetyp':482 'brand-voic':216 'brief':107,174,284,313,359,808,882,962 'bright':581 'bundl':65 'busi':681 'button':441 'by-vert':930 'card':442 'charact':588,660 'character-driven':587 'characterist':758 'check':899 'choic':334 'clean':609 'clinic':602 'coher':898 'color':18,66,314,404,582,658,887 'common':480,498,755 'companion':829 'compon':437 'compos':8,54,230,299,863 'composit':428 'confid':569 'consid':542,592,822,834 'constrain':354 'consum':163,690,701 'content':378 'contrast':572 'converg':146 'convers':558,817 'cool':604 'copi':338 'core':296,369,381,472,524,838,902,909,951 'core-archetyp':908 'cover':17 'creativ':258,270,401,790,805 'creative-direct':257,269,400,789,804 'cross':812,896 'cross-archetyp':895 'cross-refer':811 'crypto':716 'data':551,686 'data-dens':550 'default':11,57,103,159,244,310,343 'defin':209,801 'dens':552 'descript':439,747,763 'design':15,47,61,127,142,356,878 'develop':165,679,940 'differ':180 'dimens':885 'direct':24,40,76,150,259,271,336,402,445,577,791,806 'disciplin':518 'display':574 'document':219 'documentari':662,920 'driven':589 'dtc':692 'durabl':769 'dynam':586 'earli':200 'earth':617 'editori':532,735,916 'edtech':711 'endpoint':115 'energet':580 'enterpris':691 'entertain':714 'entri':859 'essentialist':639 'estat':720,945 'evolut':500 'exampl':161 'exemplar':455,745 'exemplifi':752,786 'exist':213 'express':823 'failur':351,520,867 'fair':766 'famili':81,138,392,731,968 'fashion':693 'faster':147 'feel':555 'file':384,463,507,840,848,904,926,953,958 'financi':612 'finish':221,252 'fintech':162,689 'first':129 'fit':857 'flag':332 'flow':274 'font':323,421 'food':698 'four':788 'framework':367 'friend':564 'full':656 'function':833 'game':712 'generous':540,596 'googl':420 'grid':548 'guid':227 'guidanc':191,454 'health':702 'hero':440 'hex':410 'high':571,653 'high-contrast':570 'high-satur':652 'home':695 'honest':663,921 'hospit':705 'human':559 'ideat':201,208 'ident':195,241,248,778 'illustr':584 'illustration-l':583 'imageri':23,75,444,560,672 'immers':835 'includ':893 'industri':971 'influenc':620 'intent':634 'invalid':781 'invok':279 'jumpstart':13,59 'languag':459,751 'larg':573 'layer':376,855 'layout':20,70,426 'led':539,585,595,666 'librari':94,98 'lifestyl':697 'like':177,740 'line':436,529 'live':905,927 'load':948 'locat':263,385,464,876 'look':176 'low':535,670 'low-satur':534 'low-touch':669 'lux':591 'made':335 'mani':149 'map':468,486,880 'market':683 'marketplac':715 'matur':504 'maxim':824 'media':708 'medic':610 'methodolog':97,190 'mid':562 'mid-satur':561 'minim':638 'mode':352,521,868 'monospac':546 'n':48 'name':414,469,728,964 'near':143 'need':144,202 'new':347 'no-nonsens':621 'nomin':765 'nonsens':623 'nostalg':627 'note':497 'number':914,936 'one':152 'overview':506 'pair':69,418,422 'palett':344,405,599,605,631,657 'parallel':255 'pattern':71,429,438,501,860 'peer':828 'peopl':668 'per':491 'perform':830 'period':629 'period-specif':628 'photographi':665 'photography-l':664 'pick':292,448 'pivot':776 'play':579,818 'plus':371,954 'point':34,93,113,124,362 'posit':203,265,396,796,843 'pre':7,53 'pre-compos':6,52 'precis':545 'premium':600 'principl':130 'process':875 'product':682 'profession':816 'promin':549 'proptech':722,947 'provid':111,242,282 'publish':710 'pure':189 'rather':125 'rational':416 'real':667,719,944 'recogniz':79 'recur':866 'redesign':772 'refer':41,133,286,380,636,793,813,847,913,935 'referenc':743 'references/00-archetype-system-overview.md':849,850 'references/01-how-to-apply-an-archetype.md':869,870 'references/by-vertical':466 'references/core-archetypes':387 'refin':249 'regist':613,815,820 'relationship':826 'relev':295,950,956 'repres':435 'restrain':533,598,736,821,917 'retro':626 'rewrit':326 'rug':615 'saa':678,939 'sale':685 'sampl':73,325,431,892 'san':607,645 'sans-serif':606,644 'satur':536,563,576,651,654 'scale':425 'sensori':831 'serif':594,608,646 'serif-l':593 'shift':316 'singl':528,642 'single-lin':527 'size':424 'skill':27,233,235,277,807 'skill-brand-archetype-system' 'source-rampstackco' 'space':357,365,597,879 'spars':648 'specif':106,495,630 'specifi':360,841 'stack':83 'stack-agnost':82 'start':33,92,123,243 'starter':406,419 'starting-point':91 'step':873 'stripe':739 'stripe-lik':738 'style':226 'subdirectori':911,933 'summari':395,479,530,809 'swap':318 'system':4,51,253,511,554,856 'system-feel':553 'tabl':443 'target':288 'taxonomi':514 'technic':544 'tendenc':67 'territori':204,768 'test':171 'text':748 'theatric':836 'togeth':858,959 'token':315,413 'tone':618,814 'tool':86,166,680,941 'tool-agnost':85 'topic-agent-skills' 'topic-anthropic' 'topic-awesome-claude-code' 'topic-awesome-claude-prompts' 'topic-awesome-claude-skills' 'topic-claude' 'topic-claude-code' 'topic-claude-skills' 'topic-good-first-issue' 'topic-mcp' 'topic-product-management' 'topic-seo' 'touch':671 'trademark':723 'travel':707 'trustworthi':603 'two':375,505,854 'two-lay':853 'type':68,317,417,538,565,575,624,633,889 'type-l':537 'typic':158,273 'typographi':19 'upstream':237 'use':25,118,185,192,205,215,223,749,767 'user':30,120,132,154,168,187,197,281 'utilitarian':616 'valu':411 'verbal':39 'verbatim':337 'vertic':157,321,373,460,476,478,492,494,675,924,932,957 'vertical-appropri':320 'vertical-specif':493 'vertical-typ':156 'vibrant':650 'vintag':635 'visual':37 'voic':21,72,210,218,324,430,891 'want':31,45,121,140,155,169,188 'warm':557 'web3':718 'well':704 'whenev':28 'white':641 'whitespac':541 'within':363 'work':16,62,236,512 'workwear':619 'would':175 'write':890","prices":[{"id":"8894c966-99b0-46dc-bcf7-b6da601b913a","listingId":"d0ac4d42-6bec-4720-8656-8865c717e3bb","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"rampstackco","category":"claude-skills","install_from":"skills.sh"},"createdAt":"2026-05-11T00:55:38.066Z"}],"sources":[{"listingId":"d0ac4d42-6bec-4720-8656-8865c717e3bb","source":"github","sourceId":"rampstackco/claude-skills/brand-archetype-system","sourceUrl":"https://github.com/rampstackco/claude-skills/tree/main/skills/brand-archetype-system","isPrimary":false,"firstSeenAt":"2026-05-11T00:55:38.066Z","lastSeenAt":"2026-05-18T18:55:12.745Z"}],"details":{"listingId":"d0ac4d42-6bec-4720-8656-8865c717e3bb","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"rampstackco","slug":"brand-archetype-system","github":{"repo":"rampstackco/claude-skills","stars":181,"topics":["agent-skills","anthropic","awesome-claude-code","awesome-claude-prompts","awesome-claude-skills","claude","claude-code","claude-skills","good-first-issue","mcp","product-management","seo","show-hn","showcase","showdev","web-design","web-development"],"license":"mit","html_url":"https://github.com/rampstackco/claude-skills","pushed_at":"2026-05-10T22:40:22Z","description":"Stack-agnostic Claude Skills covering the full website lifecycle: brand, design, content, SEO, dev, ops, growth, and research. Build, ship, audit, optimize.","skill_md_sha":"feb6c984ff3a332497664635d94b323ca483145f","skill_md_path":"skills/brand-archetype-system/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/rampstackco/claude-skills/tree/main/skills/brand-archetype-system"},"layout":"multi","source":"github","category":"claude-skills","frontmatter":{"name":"brand-archetype-system","description":"Apply pre-composed aesthetic archetype defaults to jumpstart brand design work covering color, typography, layout, voice, and imagery direction. Use this skill whenever the user wants a starting point for brand visual and verbal direction, references a brand they want to design near (for example 'something like Stripe' or 'editorial like Linear'), needs to converge faster from many directions to one, or wants known-good defaults for a specific industry vertical. Triggers on archetype, design archetype, brand archetype, near to (brand), in the style of, similar aesthetic, design starting point, brand template, vertical-typical, industry-typical. Also triggers when the user has a brief and wants to map it to a known aesthetic family rather than design from first principles."},"skills_sh_url":"https://skills.sh/rampstackco/claude-skills/brand-archetype-system"},"updatedAt":"2026-05-18T18:55:12.745Z"}}