Aesthetics & emotion — router
This plugin holds the principles that govern how an interface feels — beautiful, premium, friendly, trustworthy, alarming. They matter most on expressive surfaces (marketing, brand, onboarding) and least on instrumental surfaces (data tables, settings).
Principles in this plugin
Each principle has its own skill (with sub-aspect skills where useful). Principles marked [full] have reference-grade skill files; the rest are planned and will be added in subsequent passes.
Perceived quality
aesthetic-usability-effect — beautiful designs are perceived as more usable.
form-follows-function — form should derive from function; gratuitous decoration costs trust.
wabi-sabi — beauty in imperfection, asymmetry, transience.
veblen-effect — desirability that increases with price.
most-average-facial-appearance-effect — average faces are perceived as attractive.
Personality and tone
archetypes — recurring character patterns inform brand voice.
anthropomorphic-form — humanlike features evoke warmth.
baby-face-bias — round, big-eyed forms evoke trust and protectiveness.
attractiveness-bias — attractive subjects credited with unrelated positive traits.
phonetic-symbolism — sounds carry inherent connotations (sharp/soft, fast/slow).
personas — fictional users that anchor design decisions to a coherent audience.
Persuasion and emotional pull
exposure-effect — repeated exposure increases preference.
scarcity — perceived scarcity increases desirability.
supernormal-stimulus — exaggerated cues that out-compete natural ones.
immersion — flow state, distraction-free, full-attention.
Evolutionary biases
biophilia-effect — affinity for living things and natural patterns.
savanna-preference — preference for open landscapes with scattered cover.
prospect-refuge — preference for vantage points that allow seeing without being seen.
hunter-nurturer-fixations — gendered attention patterns (controversial).
face-ism-ratio — ratio of head to body shifts perceived authority vs. emotion.
waist-to-hip-ratio — body-shape bias in portraiture.
uncanny-valley — near-human faces that fail "human" cues evoke revulsion.
Heuristic for which to read first
- Designing a marketing landing page →
aesthetic-usability-effect, archetypes, exposure-effect.
- Choosing a brand voice →
archetypes, phonetic-symbolism, anthropomorphic-form.
- Designing a mascot or avatar →
anthropomorphic-form, baby-face-bias, uncanny-valley, most-average-facial-appearance-effect.
- Premium tier marketing →
veblen-effect, aesthetic-usability-effect.
- Onboarding tone →
archetypes, storytelling (cognition), aesthetic-usability-effect.
- Empty / celebration states →
wabi-sabi, anthropomorphic-form.
Cross-plugin pointers
- For visual hierarchy and grouping, see
perception-and-hierarchy-principles.
- For learnability, see
cognition-and-learnability-principles.
- For behavior, see
interaction-and-control-principles.
- For accessibility, see
process-and-robustness-principles.
Source: hashgraph-online/awesome-codex-plugins → plugins/HDeibler/universal-design-principles/plugins/aesthetics-and-emotion-principles/skills/aesthetics-router/SKILL.md
1---2name: aesthetics-router3description: Use this skill whenever a design task involves the felt quality of an interface — beauty, polish, brand voice, persuasion, emotional response, marketing surfaces, hero sections, onboarding tone, empty/celebration states, illustrations, mascots, avatars. Trigger when the user mentions tone, polish, brand, "feels cold/cheap/premium," personality, voice, mascot, hero, "make it more delightful," or asks how a screen should make the user feel. Framework-agnostic. Routes the model to the right aesthetics principle in this plugin.4---567# Aesthetics & emotion — router89This plugin holds the principles that govern how an interface *feels* — beautiful, premium, friendly, trustworthy, alarming. They matter most on expressive surfaces (marketing, brand, onboarding) and least on instrumental surfaces (data tables, settings).1011## Principles in this plugin1213Each principle has its own skill (with sub-aspect skills where useful). Principles marked **[full]** have reference-grade skill files; the rest are planned and will be added in subsequent passes.1415### Perceived quality1617- **`aesthetic-usability-effect`** — beautiful designs are perceived as more usable.18- **`form-follows-function`** — form should derive from function; gratuitous decoration costs trust.19- **`wabi-sabi`** — beauty in imperfection, asymmetry, transience.20- **`veblen-effect`** — desirability that increases with price.21- **`most-average-facial-appearance-effect`** — average faces are perceived as attractive.2223### Personality and tone2425- **`archetypes`** — recurring character patterns inform brand voice.26- **`anthropomorphic-form`** — humanlike features evoke warmth.27- **`baby-face-bias`** — round, big-eyed forms evoke trust and protectiveness.28- **`attractiveness-bias`** — attractive subjects credited with unrelated positive traits.29- **`phonetic-symbolism`** — sounds carry inherent connotations (sharp/soft, fast/slow).30- **`personas`** — fictional users that anchor design decisions to a coherent audience.3132### Persuasion and emotional pull3334- **`exposure-effect`** — repeated exposure increases preference.35- **`scarcity`** — perceived scarcity increases desirability.36- **`supernormal-stimulus`** — exaggerated cues that out-compete natural ones.37- **`immersion`** — flow state, distraction-free, full-attention.3839### Evolutionary biases4041- **`biophilia-effect`** — affinity for living things and natural patterns.42- **`savanna-preference`** — preference for open landscapes with scattered cover.43- **`prospect-refuge`** — preference for vantage points that allow seeing without being seen.44- **`hunter-nurturer-fixations`** — gendered attention patterns (controversial).45- **`face-ism-ratio`** — ratio of head to body shifts perceived authority vs. emotion.46- **`waist-to-hip-ratio`** — body-shape bias in portraiture.47- **`uncanny-valley`** — near-human faces that fail "human" cues evoke revulsion.4849## Heuristic for which to read first5051- **Designing a marketing landing page** → `aesthetic-usability-effect`, `archetypes`, `exposure-effect`.52- **Choosing a brand voice** → `archetypes`, `phonetic-symbolism`, `anthropomorphic-form`.53- **Designing a mascot or avatar** → `anthropomorphic-form`, `baby-face-bias`, `uncanny-valley`, `most-average-facial-appearance-effect`.54- **Premium tier marketing** → `veblen-effect`, `aesthetic-usability-effect`.55- **Onboarding tone** → `archetypes`, `storytelling` (cognition), `aesthetic-usability-effect`.56- **Empty / celebration states** → `wabi-sabi`, `anthropomorphic-form`.5758## Cross-plugin pointers5960- For *visual* hierarchy and grouping, see `perception-and-hierarchy-principles`.61- For *learnability*, see `cognition-and-learnability-principles`.62- For *behavior*, see `interaction-and-control-principles`.63- For *accessibility*, see `process-and-robustness-principles`.6465---6667**Source:** [`hashgraph-online/awesome-codex-plugins`](https://github.com/hashgraph-online/awesome-codex-plugins) → `plugins/HDeibler/universal-design-principles/plugins/aesthetics-and-emotion-principles/skills/aesthetics-router/SKILL.md`