Token导航 LogoToken导航TokenDH.com
研究检索只读github未标认证来源可访问clear审计通过

brand-color-psychology品牌色彩心理学

Agent Skill

brand-color-psychology 用于查找、检索和筛选相关信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要根据关键词、任务场景或来源线索快速定位候选结果时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

总安装

3,236

周安装

139

GitHub Stars

16

下载量

1,134
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

3

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:brand-color-psychology(品牌色彩心理学)
来源仓库:https://github.com/mike-coulbourn/claude-vibes
仓库路径:skills/brand-color-psychology
安装命令:
npx skills add https://github.com/mike-coulbourn/claude-vibes --skill brand-color-psychology
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异;本站展示可直接复制的安装命令,安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/mike-coulbourn/claude-vibes --skill brand-color-psychology

简介

brand-color-psychology 提供基于色彩心理学的品牌配色策略参考,适用于构建具有情感共鸣与差异化识别度的视觉体系。

  • 它结合行业数据与用户感知规律,推荐主色、辅助色及适用场景,助力品牌在第一时间建立专业印象。
  • 可用于官网设计、广告素材或产品界面中的色彩决策,提升品牌认知度与用户信任感。
  • 安装时请留意是否需要联网获取最新研究数据,并核实本地环境对颜色空间(如 OKLCH)的支持情况。
  • 适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。

SKILL.md

Brand Color Psychology & Strategic Palette Development

Quick reference for developing strategic brand color palettes grounded in psychology, differentiation, and practical application.

"62-90% of snap judgments about products are based on color alone." — Satyendra Singh, Management Decision (2006)
"Consistent color use can increase brand recognition by up to 80%." — Reboot Online Study
"Color appropriateness to the brand context may be the single most important factor." — Help Scout Research

Key Statistics

MetricValueImplication
First impressions based on color90%Color creates instant perception
Brand recognition from consistent color80%Consistency compounds over time
Snap judgments color-based62-90%Color is not decoration—it's first impression
Time to form judgment90 secondsThe 90-Second Rule—color dominates

Core Frameworks

1. Color-in-Context Theory (Elliot & Maier)

The foundational principle: Color effects are neither universal nor arbitrary—they are context-dependent.

Key Principles:

  1. Color meaning varies based on psychological context
  2. Some responses are biological; others are learned through repeated pairings
  3. Hue, lightness, and chroma all matter—not just hue
  4. Same color triggers different responses in different contexts

Example: Red on a sale banner = urgency. Red on a health app = danger/warning. Red on Valentine's = love/passion. Context determines meaning.

When to Use: When making strategic decisions about color meaning for your specific brand context, audience, and industry.


2. The Appropriateness Principle

The key insight: Color effectiveness depends on perceived fit with the brand, product, and context.

An "appropriate" color outperforms a theoretically "better" color that feels wrong.

  • Blue works for finance because people expect trust signals there
  • Blue may not work for a children's candy brand
  • Fit > Theory

Implication: Ask "Does this color fit THIS brand in THIS context?" not "Is this a good color?"


3. The 60-30-10 Rule

A color distribution framework that creates visual balance and hierarchy:

ProportionRoleUsage
60%Dominant/BaseNeutrals; backgrounds, large areas
30%SecondaryPrimary brand color; headers, navigation
10%AccentHigh-contrast CTAs, highlights

Why it works: Creates visual hierarchy without overwhelming. Ensures the accent color draws attention precisely where needed.

When to Use: For all brand applications—websites, packaging, marketing materials, app interfaces.


4. Brand Archetype Color Framework

Each brand archetype has associated color palettes that reinforce personality:

ArchetypeColor AssociationsPsychology
HeroBold reds, blues, gold, blackPower, strength, achievement
SageBlues, muted tones, gray, whiteWisdom, knowledge, trust
OutlawBlack, red, electric colorsRebellion, disruption, danger
InnocentPastels, white, baby blue, pale yellowOptimism, purity, simplicity
ExplorerEarthy greens, browns, oranges, bluesAdventure, freedom, discovery
CaregiverSoft blues, greens, warm earth tonesNurturing, trust, compassion
CreatorBold, unconventional combinationsInnovation, self-expression
RulerDeep purples, gold, black, navyAuthority, luxury, control
MagicianPurples, deep blues, mystical tonesTransformation, vision, imagination
LoverReds, pinks, warm tones, sensuous colorsPassion, intimacy, indulgence
JesterBright, playful, multi-color combinationsFun, humor, spontaneity
EverymanEarthy, accessible colors, blues, greensRelatability, belonging, trust

When to Use: After defining brand personality and archetype positioning.


5. Color Harmony Systems

Based on traditional color theory (Isaac Newton's *Opticks*):

SchemeDescriptionBest For
MonochromaticSingle hue with tints, shades, tonesSophisticated, cohesive feel (Spotify's greens)
ComplementaryOpposites on wheel (blue/orange, red/green)Maximum contrast, visual pop (use sparingly)
AnalogousThree adjacent colors (blue-green-teal)Harmonious, soothing palettes
TriadicThree colors equally spaced (120° apart)Vibrant and balanced; one primary, others as accents
Split-ComplementaryBase + two neighbors of complementGood contrast with less tension

When to Use: When constructing secondary and accent color selections after choosing primary.


Blue Ocean Color Strategy

Borrowed from Kim and Mauborgne's Blue Ocean Strategy: Find uncontested visual territory.

The Process

  1. Audit the category: What colors do all major competitors use?
  2. Identify gaps: What colors are absent or underutilized?
  3. Assess fit: Does an alternative color still fit brand personality and audience expectations?
  4. Test the territory: Can you own this color space credibly?

Success Examples

BrandStrategyResult
LufthansaYellow in an airline industry of blues/redsGlobally recognized differentiation
T-MobileMagenta in telecomInstant recognition vs. blue/red competitors
AppleWhite/silver in black/gray industryCommunicated purity and design-forward thinking
INGOrange in conservative blue bankingSignaled innovation and approachability
Tiffany & Co.PMS 1837 (trademarked)Color alone triggers recognition without logo

Key Insight: While conforming to industry color norms feels safe, strategic differentiation often creates more value.


Color Specification Systems

Document every brand color in all four systems:

SystemDescriptionUse ForFormat Example
HEXSix-digit code for RGBWeb development, CSS#FF0000
RGBRed, Green, Blue valuesDigital screens, appsrgb(255, 0, 0)
CMYKCyan, Magenta, Yellow, BlackPrint materialsC:0 M:100 Y:100 K:0
PantoneStandardized spot colorsBrand consistency, premium printingPMS 485 C

Important Notes:

  • RGB has largest gamut; some colors cannot be reproduced in print
  • CMYK gamut is smaller—some digital colors look duller in print
  • ~30% of Pantone colors cannot be replicated in CMYK
  • Some Pantone colors are trademarked (Tiffany Blue PMS 1837, UPS Brown, Barbie Pink)

Industry-Specific Conventions

Technology and Finance

  • Dominant: Blue (trust, stability, competence)
  • Notable Users: IBM, Facebook, Chase, LinkedIn
  • Differentiation Opportunity: Purple (Twitch), Green (Robinhood), Magenta (T-Mobile)

Healthcare and Wellness

  • Dominant: Blue (trust), Green (healing, calm)
  • Application: Cool colors reduce patient anxiety

Food and Beverage

  • Dominant: Red, Yellow, Orange
  • Scientific Basis: Warm colors stimulate appetite and quick decision-making

Luxury and Premium

  • Dominant: Black, Gold, Deep Navy, White
  • Application: Restrained palettes with metallic accents; less is more

Eco/Sustainability

  • Dominant: Green, Earth tones (brown, tan)
  • Notable Users: Whole Foods, Patagonia

Cultural Color Considerations

Color meanings vary dramatically across cultures:

ColorWesternEastern/AsianMiddle Eastern
WhitePurity, weddingsMourning, deathPurity, peace
RedDanger, urgency, loveLuck, prosperityDanger, caution
GreenNature, growthYouth, fertilityIslam, paradise
YellowHappiness, warningCourage, royalty (Japan)Happiness
BlackSophistication, mourningPower, health (China)Mystery, evil
BlueTrust, calmImmortality (China)Protection

Implication: Always research color meanings in every target market. Be prepared to adapt.


Accessibility Requirements

WCAG Contrast Ratios

StandardRatioUse Case
AA (minimum)4.5:1Normal text
AA (minimum)3:1Large text (18pt+)
AAA (enhanced)7:1Normal text
AAA (enhanced)4.5:1Large text

Colorblindness Considerations

  • ~5% of population has some form of colorblindness
  • Test with Protanopia (red-blind), Deuteranopia (green-blind), Tritanopia (blue-blind)
  • Color should never be the only indicator—always pair with icons, text, or patterns

Testing Tools


Common Mistakes

MistakeWhy It FailsInstead
Using 6+ colorsDilutes recognition, impossible to maintainLimit to 3-5 with clear hierarchy
Copying competitorsBlend in instead of standing outAudit competitors, find strategic gaps
Ignoring accessibilityExcludes ~5% of users (colorblindness)Test contrast, never rely on color alone
Chasing trendsTrends age quickly; rebrand in 2-3 yearsChoose timeless colors aligned with values
Prioritizing personal preferenceFounder preferences ≠ audience psychologyResearch audience, let data inform decisions
Cultural color blindnessWestern meanings ≠ global meaningsResearch target markets, adapt as needed
Inconsistent applicationErodes recognition, looks unprofessionalDocument HEX, RGB, CMYK, Pantone specs

Key Mental Models

Recognition Compounds Over Time

Coca-Cola's red wasn't special initially—decades of consistent use made it iconic. Consistency builds recognition.

Saturation and Brightness Matter

  • Bright, saturated = energetic, youthful
  • Muted, desaturated = sophisticated, mature
  • Hue is only part of the equation

Simplicity Scales

Complex palettes work in controlled environments but break in real-world application. The simpler your palette, the more consistently it will be applied.

The 90-Second Rule

People form product judgments within 90 seconds, and 62-90% of that assessment is color-based. Color is not decoration—it's first impression.


Templates

See reference/templates.md for:

  • Color Palette Documentation Template (complete output structure)
  • Competitor Color Audit Template
  • Accessibility Testing Checklist
  • Color Psychology Rationale Template

When to Apply This Knowledge

During Strategy Phase

  • Apply Archetype Color Framework based on brand personality
  • Consider Appropriateness Principle for industry fit
  • Apply Color-in-Context Theory for specific applications

During Competitive Analysis

  • Use Blue Ocean Color Strategy process
  • Identify dominant colors and white space
  • Find differentiation opportunities

During Palette Development

  • Apply Color Harmony Systems for secondary colors
  • Use 60-30-10 Rule for distribution
  • Specify in all four systems (HEX, RGB, CMYK, Pantone)

During Validation

  • Test WCAG contrast ratios
  • Simulate colorblindness
  • Check cultural implications for target markets
  • Verify against Common Mistakes checklist

Key Principles

  1. Appropriateness over preference — Color must "fit" the brand context
  2. Context determines meaning — Same color, different responses
  3. Differentiation creates value — Blue Ocean thinking for color
  4. Consistency builds recognition — Recognition compounds over time
  5. Simplicity scales — 3-5 colors maximum
  6. Accessibility is non-negotiable — WCAG compliance required
  7. Culture matters — Research target markets
  8. Specify completely — All four color systems

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

04

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Claude Code

27.93%
按下载量换算317

OpenCode

21.33%
按下载量换算242

Antigravity

16.63%
按下载量换算189

Gemini CLI

11.61%
按下载量换算132

Codex

7.82%
按下载量换算89

Cursor

3.4%
按下载量换算39

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

只读

该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。

来源信息

继续浏览同类 Skills