@rfxlamia/skillkit 1.0.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/agents/agents/creative-copywriter.md +212 -0
- package/agents/agents/dario-amodei.md +135 -0
- package/agents/agents/doc-simplifier.md +63 -0
- package/agents/agents/kotlin-pro.md +433 -0
- package/agents/agents/red-team.md +136 -0
- package/agents/agents/sam-altman.md +121 -0
- package/agents/agents/seo-manager.md +184 -0
- package/package.json +7 -2
- package/skills/quick-spec/tests/__pycache__/test_skill.cpython-314-pytest-9.0.2.pyc +0 -0
- package/skills/skillkit/.claude/settings.local.json +7 -0
- package/skills/skillkit/scripts/__pycache__/decision_helper.cpython-314.pyc +0 -0
- package/skills/skillkit/scripts/__pycache__/quick_validate.cpython-312.pyc +0 -0
- package/skills/skillkit/scripts/__pycache__/quick_validate.cpython-314.pyc +0 -0
- package/skills/skillkit/scripts/__pycache__/test_generator.cpython-314-pytest-9.0.2.pyc +0 -0
- package/skills/skillkit/scripts/utils/__pycache__/__init__.cpython-312.pyc +0 -0
- package/skills/skillkit/scripts/utils/__pycache__/__init__.cpython-314.pyc +0 -0
- package/skills/skillkit/scripts/utils/__pycache__/budget_tracker.cpython-312.pyc +0 -0
- package/skills/skillkit/scripts/utils/__pycache__/budget_tracker.cpython-314.pyc +0 -0
- package/skills/skillkit/scripts/utils/__pycache__/output_formatter.cpython-312.pyc +0 -0
- package/skills/skillkit/scripts/utils/__pycache__/output_formatter.cpython-314.pyc +0 -0
- package/skills/skillkit/scripts/utils/__pycache__/reference_validator.cpython-312.pyc +0 -0
- package/skills/skillkit/scripts/utils/__pycache__/reference_validator.cpython-314.pyc +0 -0
- package/skills/skillkit-help/SKILL.md +81 -0
- package/skills/skillkit-help/knowledge/application/09-case-studies.md +257 -0
- package/skills/skillkit-help/knowledge/application/12-testing-and-validation.md +276 -0
- package/skills/skillkit-help/knowledge/foundation/01-why-skills-exist.md +246 -0
- package/skills/skillkit-help/knowledge/foundation/02-skills-vs-subagents-comparison.md +312 -0
- package/skills/skillkit-help/knowledge/foundation/03-skills-vs-subagents-decision-tree.md +346 -0
- package/skills/skillkit-help/knowledge/foundation/06-platform-constraints.md +237 -0
- package/skills/skillkit-help/knowledge/foundation/08-when-not-to-use-skills.md +270 -0
- package/skills/skillkit-help/template/SKILL.md +52 -0
- package/skills/skills/adversarial-review/SKILL.md +219 -0
- package/skills/skills/baby-education/SKILL.md +260 -0
- package/skills/skills/baby-education/references/advanced-techniques.md +323 -0
- package/skills/skills/baby-education/references/transformations.md +345 -0
- package/skills/skills/been-there-done-that/SKILL.md +455 -0
- package/skills/skills/been-there-done-that/references/analysis-patterns.md +162 -0
- package/skills/skills/been-there-done-that/references/git-commands.md +132 -0
- package/skills/skills/been-there-done-that/references/tree-insertion-logic.md +145 -0
- package/skills/skills/coolhunter/SKILL.md +270 -0
- package/skills/skills/coolhunter/assets/elicitation-methods.csv +51 -0
- package/skills/skills/coolhunter/knowledge/elicitation-methods.md +312 -0
- package/skills/skills/coolhunter/references/workflow-execution.md +238 -0
- package/skills/skills/coolhunter/workflow-plan-coolhunter.md +232 -0
- package/skills/skills/creative-copywriting/SKILL.md +324 -0
- package/skills/skills/creative-copywriting/databases/README.md +60 -0
- package/skills/skills/creative-copywriting/databases/carousel-structures.csv +16 -0
- package/skills/skills/creative-copywriting/databases/emotional-arcs.csv +11 -0
- package/skills/skills/creative-copywriting/databases/hook-formulas.csv +51 -0
- package/skills/skills/creative-copywriting/databases/power-words.csv +201 -0
- package/skills/skills/creative-copywriting/databases/psychological-triggers.csv +21 -0
- package/skills/skills/creative-copywriting/databases/read-more-patterns.csv +26 -0
- package/skills/skills/creative-copywriting/databases/swipe-triggers.csv +31 -0
- package/skills/skills/creative-copywriting/references/carousel-psychology.md +223 -0
- package/skills/skills/creative-copywriting/references/hook-anatomy.md +169 -0
- package/skills/skills/creative-copywriting/references/power-word-science.md +134 -0
- package/skills/skills/creative-copywriting/references/storytelling-frameworks.md +157 -0
- package/skills/skills/diverse-content-gen/SKILL.md +201 -0
- package/skills/skills/diverse-content-gen/references/advanced-techniques.md +320 -0
- package/skills/skills/diverse-content-gen/references/research-findings.md +379 -0
- package/skills/skills/diverse-content-gen/references/task-workflows.md +241 -0
- package/skills/skills/diverse-content-gen/references/tool-integration.md +419 -0
- package/skills/skills/diverse-content-gen/references/troubleshooting.md +426 -0
- package/skills/skills/diverse-content-gen/references/vs-core-technique.md +240 -0
- package/skills/skills/framework-critical-thinking/SKILL.md +220 -0
- package/skills/skills/framework-critical-thinking/references/bias_detector.md +375 -0
- package/skills/skills/framework-critical-thinking/references/fallback_handler.md +239 -0
- package/skills/skills/framework-critical-thinking/references/memory_curator.md +161 -0
- package/skills/skills/framework-critical-thinking/references/metacognitive_monitor.md +297 -0
- package/skills/skills/framework-critical-thinking/references/producer_critic_orchestrator.md +333 -0
- package/skills/skills/framework-critical-thinking/references/reasoning_router.md +235 -0
- package/skills/skills/framework-critical-thinking/references/reasoning_validator.md +97 -0
- package/skills/skills/framework-critical-thinking/references/reflection_trigger.md +78 -0
- package/skills/skills/framework-critical-thinking/references/self_verification.md +388 -0
- package/skills/skills/framework-critical-thinking/references/uncertainty_quantifier.md +207 -0
- package/skills/skills/framework-initiative/SKILL.md +231 -0
- package/skills/skills/framework-initiative/references/examples.md +150 -0
- package/skills/skills/framework-initiative/references/impact-analysis.md +157 -0
- package/skills/skills/framework-initiative/references/intent-patterns.md +145 -0
- package/skills/skills/framework-initiative/references/star-framework.md +165 -0
- package/skills/skills/humanize-docs/SKILL.md +203 -0
- package/skills/skills/humanize-docs/references/advanced-techniques.md +13 -0
- package/skills/skills/humanize-docs/references/core-transformations.md +368 -0
- package/skills/skills/humanize-docs/references/detection-patterns.md +400 -0
- package/skills/skills/humanize-docs/references/examples-gallery.md +374 -0
- package/skills/skills/imagine/SKILL.md +190 -0
- package/skills/skills/imagine/references/artstyle-corporate-memphis.md +625 -0
- package/skills/skills/imagine/references/artstyle-crewdson-hyperrealism.md +295 -0
- package/skills/skills/imagine/references/artstyle-iphone-social-media.md +426 -0
- package/skills/skills/imagine/references/artstyle-sciencesaru.md +276 -0
- package/skills/skills/pre-deploy-checklist/README.md +26 -0
- package/skills/skills/pre-deploy-checklist/SKILL.md +153 -0
- package/skills/skills/pre-deploy-checklist/references/checklist-categories.md +174 -0
- package/skills/skills/pre-deploy-checklist/references/domain-prompts.md +216 -0
- package/skills/skills/prompt-engineering/SKILL.md +209 -0
- package/skills/skills/prompt-engineering/references/advanced-combinations.md +444 -0
- package/skills/skills/prompt-engineering/references/chain-of-thought.md +140 -0
- package/skills/skills/prompt-engineering/references/decision_matrix.md +220 -0
- package/skills/skills/prompt-engineering/references/few-shot.md +346 -0
- package/skills/skills/prompt-engineering/references/json-format.md +270 -0
- package/skills/skills/prompt-engineering/references/natural-language.md +420 -0
- package/skills/skills/prompt-engineering/references/pitfalls.md +365 -0
- package/skills/skills/prompt-engineering/references/prompt-chaining.md +498 -0
- package/skills/skills/prompt-engineering/references/react.md +108 -0
- package/skills/skills/prompt-engineering/references/self-consistency.md +322 -0
- package/skills/skills/prompt-engineering/references/tree-of-thoughts.md +386 -0
- package/skills/skills/prompt-engineering/references/xml-format.md +220 -0
- package/skills/skills/prompt-engineering/references/yaml-format.md +488 -0
- package/skills/skills/prompt-engineering/references/zero-shot.md +74 -0
- package/skills/skills/quick-spec/SKILL.md +280 -0
- package/skills/skills/quick-spec/assets/tech-spec-template.md +74 -0
- package/skills/skills/quick-spec/references/step-01-understand.md +189 -0
- package/skills/skills/quick-spec/references/step-02-investigate.md +144 -0
- package/skills/skills/quick-spec/references/step-03-generate.md +128 -0
- package/skills/skills/quick-spec/references/step-04-review.md +173 -0
- package/skills/skills/quick-spec/tests/__pycache__/test_skill.cpython-314-pytest-9.0.2.pyc +0 -0
- package/skills/skills/quick-spec/tests/test_scenarios.md +83 -0
- package/skills/skills/quick-spec/tests/test_skill.py +136 -0
- package/skills/skills/readme-expert/SKILL.md +538 -0
- package/skills/skills/readme-expert/knowledge/INDEX.md +192 -0
- package/skills/skills/readme-expert/knowledge/application/quality-standards.md +470 -0
- package/skills/skills/readme-expert/knowledge/application/script-executor.md +604 -0
- package/skills/skills/readme-expert/knowledge/application/template-library.md +822 -0
- package/skills/skills/readme-expert/knowledge/foundation/codebase-scanner.md +361 -0
- package/skills/skills/readme-expert/knowledge/foundation/validation-checklist.md +481 -0
- package/skills/skills/red-teaming/SKILL.md +321 -0
- package/skills/skills/red-teaming/references/ai-llm-redteam.md +517 -0
- package/skills/skills/red-teaming/references/attack-techniques.md +410 -0
- package/skills/skills/red-teaming/references/cybersecurity-redteam.md +383 -0
- package/skills/skills/red-teaming/references/tools-frameworks.md +446 -0
- package/skills/skills/releasing/.skillkit-mode +1 -0
- package/skills/skills/releasing/SKILL.md +225 -0
- package/skills/skills/releasing/references/version-detection.md +108 -0
- package/skills/skills/screenwriter/SKILL.md +273 -0
- package/skills/skills/screenwriter/references/advanced-techniques.md +216 -0
- package/skills/skills/screenwriter/references/pipeline-integration.md +266 -0
- package/skills/skills/skillkit/.claude/settings.local.json +7 -0
- package/skills/skills/skillkit/.claude-plugin/plugin.json +27 -0
- package/skills/skills/skillkit/CHANGELOG.md +484 -0
- package/skills/skills/skillkit/SKILL.md +511 -0
- package/skills/skills/skillkit/commands/skillkit.md +6 -0
- package/skills/skills/skillkit/commands/validate-plan.md +6 -0
- package/skills/skills/skillkit/commands/verify.md +6 -0
- package/skills/skills/skillkit/knowledge/INDEX.md +352 -0
- package/skills/skills/skillkit/knowledge/application/09-case-studies.md +257 -0
- package/skills/skills/skillkit/knowledge/application/10-technical-architecture.md +324 -0
- package/skills/skills/skillkit/knowledge/application/11-adoption-strategy.md +267 -0
- package/skills/skills/skillkit/knowledge/application/12-testing-and-validation.md +276 -0
- package/skills/skills/skillkit/knowledge/application/13-competitive-landscape.md +198 -0
- package/skills/skills/skillkit/knowledge/foundation/01-why-skills-exist.md +246 -0
- package/skills/skills/skillkit/knowledge/foundation/02-skills-vs-subagents-comparison.md +312 -0
- package/skills/skills/skillkit/knowledge/foundation/03-skills-vs-subagents-decision-tree.md +346 -0
- package/skills/skills/skillkit/knowledge/foundation/04-hybrid-patterns.md +308 -0
- package/skills/skills/skillkit/knowledge/foundation/05-token-economics.md +275 -0
- package/skills/skills/skillkit/knowledge/foundation/06-platform-constraints.md +237 -0
- package/skills/skills/skillkit/knowledge/foundation/07-security-concerns.md +322 -0
- package/skills/skills/skillkit/knowledge/foundation/08-when-not-to-use-skills.md +270 -0
- package/skills/skills/skillkit/knowledge/plugin-guide.md +614 -0
- package/skills/skills/skillkit/knowledge/tools/14-validation-tools-guide.md +150 -0
- package/skills/skills/skillkit/knowledge/tools/15-cost-tools-guide.md +157 -0
- package/skills/skills/skillkit/knowledge/tools/16-security-tools-guide.md +122 -0
- package/skills/skills/skillkit/knowledge/tools/17-pattern-tools-guide.md +161 -0
- package/skills/skills/skillkit/knowledge/tools/18-decision-helper-guide.md +243 -0
- package/skills/skills/skillkit/knowledge/tools/19-test-generator-guide.md +275 -0
- package/skills/skills/skillkit/knowledge/tools/20-split-skill-guide.md +149 -0
- package/skills/skills/skillkit/knowledge/tools/21-quality-scorer-guide.md +226 -0
- package/skills/skills/skillkit/knowledge/tools/22-migration-helper-guide.md +356 -0
- package/skills/skills/skillkit/knowledge/tools/23-subagent-creation-guide.md +448 -0
- package/skills/skills/skillkit/knowledge/tools/24-behavioral-testing-guide.md +122 -0
- package/skills/skills/skillkit/references/proposal-generation.md +982 -0
- package/skills/skills/skillkit/references/rationalization-catalog.md +75 -0
- package/skills/skills/skillkit/references/research-methodology.md +661 -0
- package/skills/skills/skillkit/references/section-2-full-creation-workflow.md +452 -0
- package/skills/skills/skillkit/references/section-3-validation-workflow-existing-skill.md +63 -0
- package/skills/skills/skillkit/references/section-4-decision-workflow-skills-vs-subagents.md +64 -0
- package/skills/skills/skillkit/references/section-5-migration-workflow-doc-to-skill.md +58 -0
- package/skills/skills/skillkit/references/section-6-subagent-creation-workflow.md +499 -0
- package/skills/skills/skillkit/references/section-7-knowledge-reference-map.md +72 -0
- package/skills/skills/skillkit/scripts/__pycache__/decision_helper.cpython-314.pyc +0 -0
- package/skills/skills/skillkit/scripts/__pycache__/quick_validate.cpython-312.pyc +0 -0
- package/skills/skills/skillkit/scripts/__pycache__/quick_validate.cpython-314.pyc +0 -0
- package/skills/skills/skillkit/scripts/__pycache__/test_generator.cpython-314-pytest-9.0.2.pyc +0 -0
- package/skills/skills/skillkit/scripts/decision_helper.py +799 -0
- package/skills/skills/skillkit/scripts/init_skill.py +400 -0
- package/skills/skills/skillkit/scripts/init_subagent.py +231 -0
- package/skills/skills/skillkit/scripts/migration_helper.py +669 -0
- package/skills/skills/skillkit/scripts/package_skill.py +211 -0
- package/skills/skills/skillkit/scripts/pattern_detector.py +381 -0
- package/skills/skills/skillkit/scripts/pattern_detector_new.py +382 -0
- package/skills/skills/skillkit/scripts/pressure_tester.py +157 -0
- package/skills/skills/skillkit/scripts/quality_scorer.py +999 -0
- package/skills/skills/skillkit/scripts/quick_validate.py +100 -0
- package/skills/skills/skillkit/scripts/security_scanner.py +474 -0
- package/skills/skills/skillkit/scripts/split_skill.py +540 -0
- package/skills/skills/skillkit/scripts/test_generator.py +695 -0
- package/skills/skills/skillkit/scripts/token_estimator.py +493 -0
- package/skills/skills/skillkit/scripts/utils/__init__.py +49 -0
- package/skills/skills/skillkit/scripts/utils/__pycache__/__init__.cpython-312.pyc +0 -0
- package/skills/skills/skillkit/scripts/utils/__pycache__/__init__.cpython-314.pyc +0 -0
- package/skills/skills/skillkit/scripts/utils/__pycache__/budget_tracker.cpython-312.pyc +0 -0
- package/skills/skills/skillkit/scripts/utils/__pycache__/budget_tracker.cpython-314.pyc +0 -0
- package/skills/skills/skillkit/scripts/utils/__pycache__/output_formatter.cpython-312.pyc +0 -0
- package/skills/skills/skillkit/scripts/utils/__pycache__/output_formatter.cpython-314.pyc +0 -0
- package/skills/skills/skillkit/scripts/utils/__pycache__/reference_validator.cpython-312.pyc +0 -0
- package/skills/skills/skillkit/scripts/utils/__pycache__/reference_validator.cpython-314.pyc +0 -0
- package/skills/skills/skillkit/scripts/utils/budget_tracker.py +388 -0
- package/skills/skills/skillkit/scripts/utils/output_formatter.py +263 -0
- package/skills/skills/skillkit/scripts/utils/reference_validator.py +401 -0
- package/skills/skills/skillkit/scripts/validate_skill.py +594 -0
- package/skills/skills/skillkit/tests/test_behavioral.py +39 -0
- package/skills/skills/skillkit/tests/test_scenarios.md +83 -0
- package/skills/skills/skillkit/tests/test_skill.py +136 -0
- package/skills/skills/skillkit-help/SKILL.md +81 -0
- package/skills/skills/skillkit-help/knowledge/application/09-case-studies.md +257 -0
- package/skills/skills/skillkit-help/knowledge/application/12-testing-and-validation.md +276 -0
- package/skills/skills/skillkit-help/knowledge/foundation/01-why-skills-exist.md +246 -0
- package/skills/skills/skillkit-help/knowledge/foundation/02-skills-vs-subagents-comparison.md +312 -0
- package/skills/skills/skillkit-help/knowledge/foundation/03-skills-vs-subagents-decision-tree.md +346 -0
- package/skills/skills/skillkit-help/knowledge/foundation/06-platform-constraints.md +237 -0
- package/skills/skills/skillkit-help/knowledge/foundation/08-when-not-to-use-skills.md +270 -0
- package/skills/skills/skillkit-help/template/SKILL.md +52 -0
- package/skills/skills/social-media-seo/SKILL.md +278 -0
- package/skills/skills/social-media-seo/databases/caption-styles.csv +31 -0
- package/skills/skills/social-media-seo/databases/engagement-tactics.csv +16 -0
- package/skills/skills/social-media-seo/databases/hashtag-strategies.csv +21 -0
- package/skills/skills/social-media-seo/databases/hook-formulas.csv +26 -0
- package/skills/skills/social-media-seo/databases/keyword-clusters.csv +11 -0
- package/skills/skills/social-media-seo/databases/thread-structures.csv +26 -0
- package/skills/skills/social-media-seo/databases/viral-patterns.csv +21 -0
- package/skills/skills/social-media-seo/references/analytics-guide.md +321 -0
- package/skills/skills/social-media-seo/references/instagram-seo.md +235 -0
- package/skills/skills/social-media-seo/references/threads-seo.md +305 -0
- package/skills/skills/social-media-seo/references/x-twitter-seo.md +337 -0
- package/skills/skills/social-media-seo/scripts/query_database.py +191 -0
- package/skills/skills/storyteller/SKILL.md +241 -0
- package/skills/skills/storyteller/references/transformation-methodology.md +293 -0
- package/skills/skills/storyteller/references/visual-vocabulary.md +177 -0
- package/skills/skills/thread-pro/SKILL.md +162 -0
- package/skills/skills/thread-pro/anti-ai-patterns.md +120 -0
- package/skills/skills/thread-pro/hook-formulas.md +138 -0
- package/skills/skills/thread-pro/references/anti-ai-patterns.md +120 -0
- package/skills/skills/thread-pro/references/hook-formulas.md +138 -0
- package/skills/skills/thread-pro/references/thread-structures.md +240 -0
- package/skills/skills/thread-pro/references/voice-injection.md +130 -0
- package/skills/skills/thread-pro/thread-structures.md +240 -0
- package/skills/skills/thread-pro/voice-injection.md +130 -0
- package/skills/skills/tinkering/SKILL.md +251 -0
- package/skills/skills/tinkering/references/graduation-checklist.md +100 -0
- package/skills/skills/validate-plan/.skillkit-mode +1 -0
- package/skills/skills/validate-plan/SKILL.md +406 -0
- package/skills/skills/validate-plan/references/dry-principles.md +251 -0
- package/skills/skills/validate-plan/references/gap-analysis-guide.md +320 -0
- package/skills/skills/validate-plan/references/tdd-patterns.md +413 -0
- package/skills/skills/validate-plan/references/yagni-checklist.md +330 -0
- package/skills/skills/verify-before-ship/.skillkit-mode +1 -0
- package/skills/skills/verify-before-ship/SKILL.md +116 -0
- package/skills/skills/verify-before-ship/references/anti-rationalization.md +212 -0
- package/skills/skills/verify-before-ship/references/verification-gates.md +305 -0
- package/skills-manifest.json +8 -2
- package/src/banner.js +1 -1
- package/src/cli.js +15 -4
- package/src/install.js +45 -29
- package/src/install.test.js +75 -7
- package/src/picker.js +15 -4
- package/src/picker.test.js +36 -1
- package/src/scope.js +8 -39
- package/src/scope.test.js +9 -13
- package/src/tools.js +76 -0
- package/src/tools.test.js +80 -0
|
@@ -0,0 +1,625 @@
|
|
|
1
|
+
# Corporate Memphis Style Guide for AI Image Generation
|
|
2
|
+
|
|
3
|
+
## Overview: The Style That Ate the Corporate World
|
|
4
|
+
|
|
5
|
+
Corporate Memphis (also known as "Alegria art" or "Big Tech Art Style") is a flat, minimalist illustration style that dominated corporate design from 2017-2024. Originally created by Buck Studios as "Alegria" for Facebook's ecosystem, it became the ubiquitous visual language of tech companies, startups, and digital-first brands.
|
|
6
|
+
|
|
7
|
+
**Core aesthetic DNA:**
|
|
8
|
+
- Flat 2D vector graphics with zero depth or shading
|
|
9
|
+
- Abstract human figures with exaggerated, disproportionate features
|
|
10
|
+
- Vibrant primary colors (red, blue, yellow, green) or soft pastels
|
|
11
|
+
- Non-representational skin tones (blues, purples, oranges) for "universal" appeal
|
|
12
|
+
- Geometric shapes as compositional elements
|
|
13
|
+
- Minimal or absent facial features
|
|
14
|
+
- Characters perpetually in motion/action
|
|
15
|
+
|
|
16
|
+
**Design Philosophy:**
|
|
17
|
+
Corporate Memphis represents "friendly capitalism"—sanitizing corporate communication through playful, optimistic visuals. It's intentionally bland, inoffensive, and infinitely scalable. The style communicates: approachable, inclusive, modern, and "human-centered" without actual human complexity.
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
## Historical Context & Influences
|
|
22
|
+
|
|
23
|
+
### The Memphis Group Legacy (1980s)
|
|
24
|
+
|
|
25
|
+
Corporate Memphis inherits its name from the Memphis Group, an Italian design collective (1980-1987) led by Ettore Sottsass. The original Memphis Design featured:
|
|
26
|
+
- Bold geometric shapes (circles, triangles, squares, squiggles)
|
|
27
|
+
- Bright primary and pastel colors
|
|
28
|
+
- Pattern clashing and "anti-design" aesthetic
|
|
29
|
+
- Rejection of minimalism and "good taste"
|
|
30
|
+
- Influenced by Art Deco, Pop Art, and Atomic Age futurism
|
|
31
|
+
|
|
32
|
+
**Connection to Corporate Memphis:**
|
|
33
|
+
Geometric shapes, bright colors, and playful patterns—but Corporate Memphis strips away Memphis Group's rebellious edge, converting it into safe, mass-produced corporate branding.
|
|
34
|
+
|
|
35
|
+
### Evolution Timeline
|
|
36
|
+
|
|
37
|
+
| Era | Development |
|
|
38
|
+
|-----|-------------|
|
|
39
|
+
| **2010-2015** | Flat design movement emerges (rejection of skeuomorphism), Mary Blair and Charley Harper minimalism influences rise |
|
|
40
|
+
| **2017** | Buck Studios creates "Alegria" for Facebook—the definitive Corporate Memphis template |
|
|
41
|
+
| **2017-2020** | Mass adoption across tech (Google, Airbnb, Slack, Hinge, Uber) and stock libraries (Humaaans by Pablo Stanley, Open Peeps) |
|
|
42
|
+
| **2020-2024** | Peak saturation leads to backlash, parody, and meme status; style begins declining but persists in web UI |
|
|
43
|
+
|
|
44
|
+
### Key Design Influences
|
|
45
|
+
|
|
46
|
+
**Mary Blair (Disney concept artist):**
|
|
47
|
+
- Simplified, whimsical character designs
|
|
48
|
+
- Flat color blocks without gradients
|
|
49
|
+
- Childlike optimism and joy
|
|
50
|
+
|
|
51
|
+
**Charley Harper (wildlife illustrator):**
|
|
52
|
+
- "Count the wings, not the feathers" philosophy
|
|
53
|
+
- Minimal realism—reducing subjects to geometric essentials
|
|
54
|
+
- Bold, flat color application
|
|
55
|
+
|
|
56
|
+
**Millennial Aesthetic (2010s):**
|
|
57
|
+
- Clean white backgrounds
|
|
58
|
+
- Sans-serif typography
|
|
59
|
+
- Pastel colors (millennial pink, houseplant green)
|
|
60
|
+
- "Instagrammable" aesthetic
|
|
61
|
+
|
|
62
|
+
---
|
|
63
|
+
|
|
64
|
+
## Core Visual Characteristics
|
|
65
|
+
|
|
66
|
+
### 1. Human Figure Design
|
|
67
|
+
|
|
68
|
+
**Proportions (The Signature Distortion):**
|
|
69
|
+
- **Small heads** relative to body (often 1:5-1:8 head-to-body ratio vs realistic 1:7-1:8)
|
|
70
|
+
- **Oversized torsos** creating blocky, geometric body shapes
|
|
71
|
+
- **Long, bendy "noodle" limbs** that bend impossibly (no joints, rubber-like)
|
|
72
|
+
- **Tiny or absent feet** (often just rounded stumps)
|
|
73
|
+
- **Simplified hands** (mittens, paddles, or basic 3-4 finger shapes)
|
|
74
|
+
|
|
75
|
+
**Facial Features:**
|
|
76
|
+
- **Minimal or absent:** Many figures have NO face at all—blank ovals
|
|
77
|
+
- **When present:** Simple dots for eyes, curved line for smile, no nose
|
|
78
|
+
- **No detail:** No eyebrows, no pupils, no individual characteristics
|
|
79
|
+
- **Universal emotion:** Always neutral-positive or happy, never complex
|
|
80
|
+
|
|
81
|
+
**Skin Tones (Non-Representational Colors):**
|
|
82
|
+
Facebook's Alegria pioneered non-realistic skin colors to avoid racial representation issues:
|
|
83
|
+
- Blue (#4A90E2, #5B9BD5)
|
|
84
|
+
- Purple (#A855F7, #9B59B6)
|
|
85
|
+
- Orange (#FF6B6B, #FF8C42)
|
|
86
|
+
- Pink (#FF69B4, #EC4899)
|
|
87
|
+
- Yellow (#FFC857, #F4D03F)
|
|
88
|
+
- Teal (#00B2A9, #0CB2C0)
|
|
89
|
+
|
|
90
|
+
**Alternative:** Some designers use realistic skin tones but simplified (flat peach, tan, brown without shading)
|
|
91
|
+
|
|
92
|
+
**Body Language:**
|
|
93
|
+
- Perpetually in action (walking, jumping, gesturing, carrying objects)
|
|
94
|
+
- Dynamic poses suggesting movement
|
|
95
|
+
- Often interacting with oversized UI elements, devices, or symbolic objects
|
|
96
|
+
- Collaborative scenes (multiple figures working together)
|
|
97
|
+
|
|
98
|
+
---
|
|
99
|
+
|
|
100
|
+
### 2. Color Theory & Palettes
|
|
101
|
+
|
|
102
|
+
**Primary Corporate Memphis Palette:**
|
|
103
|
+
The style centers on basic color theory—primary and secondary colors at high saturation.
|
|
104
|
+
|
|
105
|
+
| Color | Hex Codes (Examples) | Usage |
|
|
106
|
+
|-------|---------------------|-------|
|
|
107
|
+
| **Red** | #E74C3C, #FF6B6B, #D32F2F | Energy, action, passion |
|
|
108
|
+
| **Blue** | #3498DB, #4A90E2, #2196F3 | Trust, professionalism, calm |
|
|
109
|
+
| **Yellow** | #F1C40F, #FFC857, #FFEB3B | Optimism, happiness, warmth |
|
|
110
|
+
| **Green** | #2ECC71, #14C88C, #4CAF50 | Growth, success, health |
|
|
111
|
+
| **Purple** | #9B59B6, #A855F7, #673AB7 | Creativity, innovation |
|
|
112
|
+
| **Orange** | #FF8C42, #FF6347, #FF9800 | Enthusiasm, friendliness |
|
|
113
|
+
| **Pink** | #FF69B4, #EC4899, #E91E63 | Playfulness, approachability |
|
|
114
|
+
| **Teal** | #00B2A9, #0CB2C0, #009688 | Modern, fresh, tech |
|
|
115
|
+
|
|
116
|
+
**Pastel Alternative Palette:**
|
|
117
|
+
Used for softer, "friendly" applications (healthcare, education, lifestyle brands):
|
|
118
|
+
- Soft pink: #FFB3BA, #F8B4D9
|
|
119
|
+
- Pastel blue: #BAE1FF, #A8DADC
|
|
120
|
+
- Mint green: #B4E7CE, #C7EFCF
|
|
121
|
+
- Pale yellow: #FFFFBA, #FFF4A3
|
|
122
|
+
- Lavender: #D5AAFF, #E0BBE4
|
|
123
|
+
|
|
124
|
+
**Background Colors:**
|
|
125
|
+
- **White (#FFFFFF):** 95% of Corporate Memphis uses pure white backgrounds
|
|
126
|
+
- **Light gray (#F5F5F5, #FAFAFA):** Subtle alternative
|
|
127
|
+
- **Solid color blocks:** Sometimes vibrant color backgrounds with white/contrasting figures
|
|
128
|
+
|
|
129
|
+
**Color Application Rules:**
|
|
130
|
+
- **NO gradients** (flat color only—this is critical)
|
|
131
|
+
- **NO shading or highlights** (zero dimensionality)
|
|
132
|
+
- **High contrast:** Figures must pop against backgrounds
|
|
133
|
+
- **Limited palette per composition:** Typically 3-5 colors maximum
|
|
134
|
+
- **Color blocking:** Each element is a single flat color
|
|
135
|
+
|
|
136
|
+
---
|
|
137
|
+
|
|
138
|
+
### 3. Geometric Shapes & Compositional Elements
|
|
139
|
+
|
|
140
|
+
Corporate Memphis uses geometric primitives as decorative and compositional elements:
|
|
141
|
+
|
|
142
|
+
**Shape Vocabulary:**
|
|
143
|
+
- **Circles/dots:** Floating accents, decorative elements, planets
|
|
144
|
+
- **Rectangles/squares:** Structural elements, screens, windows
|
|
145
|
+
- **Triangles:** Directional arrows, mountains, abstract forms
|
|
146
|
+
- **Irregular blobs:** Organic shapes suggesting clouds, water, abstract background elements
|
|
147
|
+
- **Squiggly lines:** Memphis Group heritage—decorative wavy lines
|
|
148
|
+
- **Grid patterns:** Subtle background texture (rarely)
|
|
149
|
+
|
|
150
|
+
**Composition Principles:**
|
|
151
|
+
- **Flat spatial arrangement:** No perspective, no depth cues
|
|
152
|
+
- **Overlap for hierarchy:** Closer = in front (simple layering)
|
|
153
|
+
- **Negative space:** Generous white space around elements
|
|
154
|
+
- **Asymmetric balance:** Playful, not rigidly symmetrical
|
|
155
|
+
- **Floating elements:** Shapes hover without grounding (defying physics)
|
|
156
|
+
|
|
157
|
+
---
|
|
158
|
+
|
|
159
|
+
### 4. Technical Execution (Vector Graphics)
|
|
160
|
+
|
|
161
|
+
**Why Vector?**
|
|
162
|
+
Corporate Memphis exists because of Adobe Illustrator and vector workflows:
|
|
163
|
+
- Infinitely scalable without quality loss
|
|
164
|
+
- Easy to replicate and modify (corporate efficiency)
|
|
165
|
+
- Fast to produce (copy, paste, recolor)
|
|
166
|
+
- Simple to animate (flat shapes = easy motion graphics)
|
|
167
|
+
- Small file sizes for web
|
|
168
|
+
|
|
169
|
+
**Vector Construction:**
|
|
170
|
+
- **Bezier curves:** Smooth, rounded organic shapes (no hard angles unless geometric)
|
|
171
|
+
- **Compound paths:** Layered shapes creating figures
|
|
172
|
+
- **Clean edges:** No texture, no roughness
|
|
173
|
+
- **Uniform line weight:** When outlines exist (rare), consistent thickness
|
|
174
|
+
|
|
175
|
+
**What to AVOID:**
|
|
176
|
+
- Texture overlays
|
|
177
|
+
- Brush strokes
|
|
178
|
+
- Pencil/crayon effects
|
|
179
|
+
- Shadows (drop shadows, inner shadows)
|
|
180
|
+
- Gradients (absolutely forbidden)
|
|
181
|
+
- Transparency effects
|
|
182
|
+
- Blur
|
|
183
|
+
- Grain/noise
|
|
184
|
+
|
|
185
|
+
---
|
|
186
|
+
|
|
187
|
+
## Subject Matter & Scenarios
|
|
188
|
+
|
|
189
|
+
### Common Themes
|
|
190
|
+
|
|
191
|
+
**Technology & Digital Life:**
|
|
192
|
+
- Figures interacting with oversized smartphones, laptops, tablets
|
|
193
|
+
- Cloud storage metaphors (figures on clouds with data)
|
|
194
|
+
- Social media concepts (chat bubbles, likes, shares)
|
|
195
|
+
- E-commerce (shopping carts, packages, payment)
|
|
196
|
+
|
|
197
|
+
**Collaboration & Teamwork:**
|
|
198
|
+
- Multiple figures working together
|
|
199
|
+
- Passing objects between characters
|
|
200
|
+
- Assembling puzzles or building blocks
|
|
201
|
+
- Group celebrations (high-fives, thumbs up)
|
|
202
|
+
|
|
203
|
+
**Productivity & Success:**
|
|
204
|
+
- Figures climbing stairs, ladders, or mountains
|
|
205
|
+
- Checkmarks, goals, targets
|
|
206
|
+
- Charts trending upward
|
|
207
|
+
- Figures carrying briefcases, documents
|
|
208
|
+
|
|
209
|
+
**Lifestyle & Wellness:**
|
|
210
|
+
- Yoga poses, meditation
|
|
211
|
+
- Healthy food (salads, smoothies)
|
|
212
|
+
- Plants and nature elements
|
|
213
|
+
- Exercise and movement
|
|
214
|
+
|
|
215
|
+
**Education & Learning:**
|
|
216
|
+
- Books, graduation caps, lightbulbs (ideas)
|
|
217
|
+
- Figures teaching or presenting
|
|
218
|
+
- Puzzle pieces (problem-solving)
|
|
219
|
+
|
|
220
|
+
**Diversity & Inclusion:**
|
|
221
|
+
- Multiple figures with varied skin tones (non-representational colors)
|
|
222
|
+
- Mixed activities suggesting different demographics
|
|
223
|
+
- Wheelchair users, different body types (rare but increasing)
|
|
224
|
+
|
|
225
|
+
---
|
|
226
|
+
|
|
227
|
+
## AI Prompting Strategies for Corporate Memphis
|
|
228
|
+
|
|
229
|
+
### Core Prompt Structure
|
|
230
|
+
|
|
231
|
+
```
|
|
232
|
+
[STYLE ANCHOR] + [SUBJECT] + [PROPORTIONS] + [COLOR PALETTE] + [BACKGROUND] + [TECHNICAL SPECS]
|
|
233
|
+
```
|
|
234
|
+
|
|
235
|
+
### Essential Style Anchors
|
|
236
|
+
|
|
237
|
+
**Primary triggers:**
|
|
238
|
+
- `Corporate Memphis style`
|
|
239
|
+
- `Alegria illustration style`
|
|
240
|
+
- `flat 2D vector illustration`
|
|
241
|
+
- `Big Tech art style`
|
|
242
|
+
- `Facebook Alegria aesthetic`
|
|
243
|
+
|
|
244
|
+
**Supporting descriptors:**
|
|
245
|
+
- `flat geometric shapes`
|
|
246
|
+
- `minimalist vector art`
|
|
247
|
+
- `no shading, no gradients`
|
|
248
|
+
- `simplified character design`
|
|
249
|
+
- `abstract human figures`
|
|
250
|
+
|
|
251
|
+
---
|
|
252
|
+
|
|
253
|
+
### Character Design Prompts
|
|
254
|
+
|
|
255
|
+
**Format:**
|
|
256
|
+
```
|
|
257
|
+
Corporate Memphis style illustration of [character], [proportions], [features], [pose], [skin color], flat 2D vector art, no shading
|
|
258
|
+
```
|
|
259
|
+
|
|
260
|
+
**Examples:**
|
|
261
|
+
|
|
262
|
+
**Simple character:**
|
|
263
|
+
```
|
|
264
|
+
Corporate Memphis style illustration of a person waving, small head with tiny dot eyes and smile, oversized blocky torso, long bendy noodle arms, simplified mitten hands, short stumpy legs, non-representational purple skin tone, flat 2D vector art, no gradients, no shading, minimal facial features, clean geometric shapes
|
|
265
|
+
```
|
|
266
|
+
|
|
267
|
+
**Active character:**
|
|
268
|
+
```
|
|
269
|
+
Alegria illustration style character jumping with joy, disproportionate small head, large geometric torso, impossibly long elastic limbs bending smoothly, simplified 3-finger hands, blue non-representational skin color, no facial features except curved smile line, dynamic energetic pose, flat vector art, no shadows, no depth
|
|
270
|
+
```
|
|
271
|
+
|
|
272
|
+
**Multiple characters:**
|
|
273
|
+
```
|
|
274
|
+
Corporate Memphis illustration of three diverse figures collaborating, varied non-representational skin tones (orange, teal, purple), small heads with minimal dot eyes, oversized blocky bodies, long bendy limbs interacting, passing objects between them, flat 2D vector aesthetic, vibrant primary colors, white background, no shading
|
|
275
|
+
```
|
|
276
|
+
|
|
277
|
+
---
|
|
278
|
+
|
|
279
|
+
### Scene Composition Prompts
|
|
280
|
+
|
|
281
|
+
**Technology scene:**
|
|
282
|
+
```
|
|
283
|
+
Corporate Memphis style illustration, flat 2D vector art. Figure with small head and long noodle arms holding oversized smartphone, geometric shapes floating around (circles, triangles), vibrant color palette (blue figure, yellow phone, red accent shapes), white background, no gradients or shadows, minimalist clean design
|
|
284
|
+
```
|
|
285
|
+
|
|
286
|
+
**Collaboration scene:**
|
|
287
|
+
```
|
|
288
|
+
Alegria illustration of teamwork, multiple abstract figures with disproportionate features working together building geometric puzzle pieces, varied bright colors (purple, orange, green, blue skin tones), small simplified heads, long elastic limbs, flat vector style, no depth or shading, white background, positive energetic mood
|
|
289
|
+
```
|
|
290
|
+
|
|
291
|
+
**Success/achievement scene:**
|
|
292
|
+
```
|
|
293
|
+
Corporate Memphis illustration, figure climbing geometric staircase toward floating checkmark, small head, oversized torso, bendy noodle legs, non-representational teal skin, vibrant yellow stairs, red checkmark, flat 2D vector aesthetic, no shadows, clean shapes, white background, optimistic corporate theme
|
|
294
|
+
```
|
|
295
|
+
|
|
296
|
+
---
|
|
297
|
+
|
|
298
|
+
### Web Component Specific Prompts
|
|
299
|
+
|
|
300
|
+
For UI/web design elements (hero sections, empty states, loading screens):
|
|
301
|
+
|
|
302
|
+
**Hero section illustration:**
|
|
303
|
+
```
|
|
304
|
+
Corporate Memphis style hero illustration for tech website, flat 2D vector art. Central figure with small head and long bendy arms interacting with oversized laptop, geometric decorative shapes (circles, triangles) floating around, vibrant blue and yellow color scheme, white background, no gradients, clean minimalist aesthetic, 16:9 landscape composition suitable for web banner
|
|
305
|
+
```
|
|
306
|
+
|
|
307
|
+
**Empty state illustration:**
|
|
308
|
+
```
|
|
309
|
+
Alegria illustration for empty state UI, single simplified figure with disproportionate features holding magnifying glass looking confused, small head with question mark above, geometric search icons floating, soft pastel color palette (lavender, mint, pale pink), flat vector style, white background, friendly approachable mood, square composition
|
|
310
|
+
```
|
|
311
|
+
|
|
312
|
+
**Loading/processing state:**
|
|
313
|
+
```
|
|
314
|
+
Corporate Memphis loading illustration, abstract figure with small head and long noodle arms juggling geometric shapes (circles, squares), vibrant primary colors, dynamic movement pose, flat 2D vector art, no shading, white background, playful energetic feeling, suitable for animation
|
|
315
|
+
```
|
|
316
|
+
|
|
317
|
+
**404/error page:**
|
|
318
|
+
```
|
|
319
|
+
Alegria style 404 illustration, simplified figure with oversized head looking at broken puzzle pieces, non-representational orange skin tone, geometric scattered shapes, minimalist facial features (surprised expression), flat vector aesthetic, bright color accents on white, friendly error message vibe
|
|
320
|
+
```
|
|
321
|
+
|
|
322
|
+
---
|
|
323
|
+
|
|
324
|
+
### Color Palette Specification
|
|
325
|
+
|
|
326
|
+
**In prompts, specify colors explicitly:**
|
|
327
|
+
|
|
328
|
+
```
|
|
329
|
+
...vibrant Corporate Memphis color palette: primary red (#E74C3C), bright blue (#3498DB), sunny yellow (#F1C40F), no gradients, flat color blocks only...
|
|
330
|
+
```
|
|
331
|
+
|
|
332
|
+
**Or use color mood:**
|
|
333
|
+
|
|
334
|
+
```
|
|
335
|
+
...energetic Corporate Memphis colors (red, orange, yellow), high saturation, flat application...
|
|
336
|
+
```
|
|
337
|
+
|
|
338
|
+
```
|
|
339
|
+
...soft pastel Corporate Memphis palette (pink, lavender, mint green), friendly approachable mood...
|
|
340
|
+
```
|
|
341
|
+
|
|
342
|
+
---
|
|
343
|
+
|
|
344
|
+
### Technical Quality Specifications
|
|
345
|
+
|
|
346
|
+
**Essential technical terms:**
|
|
347
|
+
- `flat 2D vector illustration`
|
|
348
|
+
- `no shading, no shadows, no gradients`
|
|
349
|
+
- `clean geometric shapes`
|
|
350
|
+
- `Adobe Illustrator style`
|
|
351
|
+
- `scalable vector graphics aesthetic`
|
|
352
|
+
- `minimal line work` or `no outlines`
|
|
353
|
+
- `solid color fills only`
|
|
354
|
+
|
|
355
|
+
**Aspect ratios for web components:**
|
|
356
|
+
- Hero sections: `16:9 landscape composition`
|
|
357
|
+
- Square tiles: `1:1 square composition`
|
|
358
|
+
- Mobile UI: `9:16 portrait composition`
|
|
359
|
+
- Wide banners: `3:1 or 4:1 ultrawide composition`
|
|
360
|
+
|
|
361
|
+
---
|
|
362
|
+
|
|
363
|
+
## Complete Example Prompts
|
|
364
|
+
|
|
365
|
+
### Example 1: Tech Startup Hero Illustration
|
|
366
|
+
```
|
|
367
|
+
Corporate Memphis style hero illustration for tech startup website, flat 2D vector art. Central figure with small simplified head, oversized blocky torso, long bendy noodle arms enthusiastically gesturing toward floating oversized smartphone screen, non-representational purple skin tone, minimal dot eyes and curved smile. Geometric decorative elements floating around: yellow circles, blue triangles, red rectangles. Vibrant primary color palette (purple figure, yellow phone, blue and red accents), pure white background, no gradients, no shading, no shadows, clean minimalist aesthetic, positive energetic mood, 16:9 landscape composition for web banner.
|
|
368
|
+
```
|
|
369
|
+
|
|
370
|
+
### Example 2: Collaboration Dashboard Illustration
|
|
371
|
+
```
|
|
372
|
+
Alegria illustration style for team collaboration dashboard, flat vector aesthetic. Three abstract figures with disproportionate features (small heads, large geometric torsos, long elastic limbs) working together assembling oversized puzzle pieces. Varied non-representational skin tones: orange, teal, and pink. Minimal facial features (simple dot eyes, curved smiles). Geometric shapes floating in composition (circles, squares). Bright optimistic color palette, white background, no depth or shadows, clean 2D design, suitable for web application interface, square 1:1 composition.
|
|
373
|
+
```
|
|
374
|
+
|
|
375
|
+
### Example 3: Mobile App Empty State
|
|
376
|
+
```
|
|
377
|
+
Corporate Memphis empty state illustration for mobile app, portrait orientation. Single simplified figure with tiny head, oversized body, long bendy arms holding magnifying glass, looking slightly confused. Non-representational lavender skin color, minimal facial features (dots for eyes, small line mouth). Floating geometric search icons around figure (simplified magnifying glasses, document shapes). Soft pastel color palette (lavender figure, mint green accents, pale pink background shapes on white), flat 2D vector style, no shading, friendly approachable mood, 9:16 portrait composition for mobile screen.
|
|
378
|
+
```
|
|
379
|
+
|
|
380
|
+
### Example 4: Loading Animation Frame
|
|
381
|
+
```
|
|
382
|
+
Alegria style loading illustration, flat 2D vector art. Abstract figure with small head and impossibly long noodle arms juggling multiple geometric shapes (red circle, blue square, yellow triangle, green pentagon). Dynamic mid-action pose showing movement and energy. Non-representational orange skin tone, minimal facial features (simple smile). Vibrant primary colors on pure white background, no gradients or shadows, clean vector aesthetic, playful energetic feeling, designed for animation loop, square composition.
|
|
383
|
+
```
|
|
384
|
+
|
|
385
|
+
### Example 5: Success/Achievement Illustration
|
|
386
|
+
```
|
|
387
|
+
Corporate Memphis success illustration for SaaS product. Figure with disproportionate features (small simplified head, large blocky torso, long elastic legs) climbing geometric staircase toward floating oversized checkmark. Non-representational teal skin color, minimal dot eyes, curved smile. Staircase in vibrant yellow, checkmark in bold green, decorative circles floating around in red and blue. Flat 2D vector style, no shading or depth, white background, optimistic corporate achievement theme, clean minimalist execution, suitable for marketing materials.
|
|
388
|
+
```
|
|
389
|
+
|
|
390
|
+
---
|
|
391
|
+
|
|
392
|
+
## Advanced Techniques & Variations
|
|
393
|
+
|
|
394
|
+
### Adding Movement/Energy
|
|
395
|
+
|
|
396
|
+
**Static pose → Dynamic pose:**
|
|
397
|
+
- Emphasize "bendy" limbs mid-motion
|
|
398
|
+
- Tilted body angles suggesting momentum
|
|
399
|
+
- Legs in running/jumping positions
|
|
400
|
+
- Arms outstretched or gesturing broadly
|
|
401
|
+
- "Frozen frame" of action
|
|
402
|
+
|
|
403
|
+
**Prompt modification:**
|
|
404
|
+
```
|
|
405
|
+
...dynamic energetic pose, limbs in mid-motion, body tilted suggesting movement, jumping/running action...
|
|
406
|
+
```
|
|
407
|
+
|
|
408
|
+
### Varying Facial Expression Complexity
|
|
409
|
+
|
|
410
|
+
**Minimal (most common):**
|
|
411
|
+
```
|
|
412
|
+
...no facial features, blank oval head...
|
|
413
|
+
```
|
|
414
|
+
|
|
415
|
+
**Simple (Alegria standard):**
|
|
416
|
+
```
|
|
417
|
+
...minimal dot eyes, curved smile line, no other features...
|
|
418
|
+
```
|
|
419
|
+
|
|
420
|
+
**Moderate (less common):**
|
|
421
|
+
```
|
|
422
|
+
...simple dot eyes, curved smile, tiny circle nose, minimal but expressive...
|
|
423
|
+
```
|
|
424
|
+
|
|
425
|
+
### Background Variations
|
|
426
|
+
|
|
427
|
+
**Standard white:**
|
|
428
|
+
```
|
|
429
|
+
...pure white background, maximum negative space...
|
|
430
|
+
```
|
|
431
|
+
|
|
432
|
+
**Subtle shapes:**
|
|
433
|
+
```
|
|
434
|
+
...white background with subtle floating geometric shapes in corners, minimal decoration...
|
|
435
|
+
```
|
|
436
|
+
|
|
437
|
+
**Color block:**
|
|
438
|
+
```
|
|
439
|
+
...solid pastel blue background, figure and elements in contrasting colors...
|
|
440
|
+
```
|
|
441
|
+
|
|
442
|
+
**Split background:**
|
|
443
|
+
```
|
|
444
|
+
...half white, half vibrant color background, figure bridging the division...
|
|
445
|
+
```
|
|
446
|
+
|
|
447
|
+
---
|
|
448
|
+
|
|
449
|
+
## Style Variations & Sub-styles
|
|
450
|
+
|
|
451
|
+
### Alegria for Business (AFB)
|
|
452
|
+
Facebook's enterprise-focused variant:
|
|
453
|
+
- Slightly more restrained colors
|
|
454
|
+
- More professional scenarios (meetings, presentations)
|
|
455
|
+
- Less exaggerated proportions (still stylized but closer to realistic)
|
|
456
|
+
|
|
457
|
+
**Prompt adjustment:**
|
|
458
|
+
```
|
|
459
|
+
Corporate Memphis Alegria for Business style, slightly restrained proportions, professional business scenario...
|
|
460
|
+
```
|
|
461
|
+
|
|
462
|
+
### Alegria for Consumer Marketing (ACM)
|
|
463
|
+
More playful, emotional variant:
|
|
464
|
+
- Higher energy, more dynamic poses
|
|
465
|
+
- Brighter, more saturated colors
|
|
466
|
+
- More expressive scenarios (joy, surprise, celebration)
|
|
467
|
+
|
|
468
|
+
**Prompt adjustment:**
|
|
469
|
+
```
|
|
470
|
+
Corporate Memphis ACM style, high energy dynamic poses, bright saturated colors, celebratory joyful mood...
|
|
471
|
+
```
|
|
472
|
+
|
|
473
|
+
### Stock Library Variants
|
|
474
|
+
|
|
475
|
+
**Humaaans style (Pablo Stanley):**
|
|
476
|
+
- Mix-and-match modular components
|
|
477
|
+
- More detailed than basic Corporate Memphis
|
|
478
|
+
- Slightly more realistic proportions
|
|
479
|
+
|
|
480
|
+
**Open Peeps style:**
|
|
481
|
+
- Squatter, rounder figures
|
|
482
|
+
- More customization options
|
|
483
|
+
- Slightly more cartoonish
|
|
484
|
+
|
|
485
|
+
---
|
|
486
|
+
|
|
487
|
+
## What NOT to Do (Anti-Patterns)
|
|
488
|
+
|
|
489
|
+
**Avoid these elements that break Corporate Memphis:**
|
|
490
|
+
|
|
491
|
+
❌ **Shading or gradients**
|
|
492
|
+
- No soft shadows, no light sources, no dimensionality
|
|
493
|
+
|
|
494
|
+
❌ **Realistic proportions**
|
|
495
|
+
- Figures must be disproportionate (small heads, long limbs)
|
|
496
|
+
|
|
497
|
+
❌ **Complex facial features**
|
|
498
|
+
- No detailed eyes, noses, eyebrows, or expressions
|
|
499
|
+
|
|
500
|
+
❌ **Texture**
|
|
501
|
+
- No paper texture, grain, brush strokes
|
|
502
|
+
|
|
503
|
+
❌ **Depth cues**
|
|
504
|
+
- No perspective grids, no vanishing points, no size variation for depth
|
|
505
|
+
|
|
506
|
+
❌ **Outlines/strokes**
|
|
507
|
+
- Most Corporate Memphis has NO outlines (pure shape fills)
|
|
508
|
+
- If outlines exist, uniform thickness, never variable
|
|
509
|
+
|
|
510
|
+
❌ **Photorealistic elements**
|
|
511
|
+
- No photo backgrounds, no realistic objects mixed with flat figures
|
|
512
|
+
|
|
513
|
+
❌ **Sad/negative emotions**
|
|
514
|
+
- Corporate Memphis is relentlessly optimistic (never shows struggle, pain, or complexity)
|
|
515
|
+
|
|
516
|
+
---
|
|
517
|
+
|
|
518
|
+
## Prompting for Different Use Cases
|
|
519
|
+
|
|
520
|
+
### Landing Page Hero
|
|
521
|
+
```
|
|
522
|
+
Corporate Memphis hero illustration, [describe scene], flat 2D vector, vibrant colors on white, no shading, 16:9 landscape, web-optimized composition
|
|
523
|
+
```
|
|
524
|
+
|
|
525
|
+
### Icon/Button Graphics
|
|
526
|
+
```
|
|
527
|
+
Simplified Corporate Memphis icon, [object], minimal geometric shapes, single bright color, tiny scale, flat vector, white background, suitable for UI button
|
|
528
|
+
```
|
|
529
|
+
|
|
530
|
+
### Email Header
|
|
531
|
+
```
|
|
532
|
+
Corporate Memphis email header illustration, [scene], horizontal composition, flat vector style, bright friendly colors, white background, 3:1 wide format
|
|
533
|
+
```
|
|
534
|
+
|
|
535
|
+
### Social Media Post
|
|
536
|
+
```
|
|
537
|
+
Corporate Memphis Instagram post illustration, [concept], square 1:1 composition, vibrant colors, flat 2D vector, white background, eye-catching for social feed
|
|
538
|
+
```
|
|
539
|
+
|
|
540
|
+
### Presentation Slide
|
|
541
|
+
```
|
|
542
|
+
Corporate Memphis slide illustration, [topic], flat vector style, simple composition, primary colors, white background, supporting text-heavy slide, unobtrusive design
|
|
543
|
+
```
|
|
544
|
+
|
|
545
|
+
---
|
|
546
|
+
|
|
547
|
+
## Technical Vocabulary Quick Reference
|
|
548
|
+
|
|
549
|
+
**Style Anchors:**
|
|
550
|
+
`Corporate Memphis` | `Alegria illustration` | `flat 2D vector art` | `Big Tech art style` | `minimalist vector illustration` | `geometric flat design`
|
|
551
|
+
|
|
552
|
+
**Character Descriptors:**
|
|
553
|
+
`small head` | `oversized torso` | `long bendy noodle limbs` | `disproportionate features` | `simplified abstract figure` | `minimal facial features` | `dot eyes, curved smile` | `non-representational skin colors` | `elastic rubber-like limbs`
|
|
554
|
+
|
|
555
|
+
**Color Terms:**
|
|
556
|
+
`vibrant primary colors` | `flat color blocks` | `no gradients` | `no shading` | `bright saturated palette` | `soft pastel tones` | `high contrast colors` | `pure white background`
|
|
557
|
+
|
|
558
|
+
**Technical Specs:**
|
|
559
|
+
`flat 2D vector illustration` | `Adobe Illustrator aesthetic` | `clean geometric shapes` | `no shadows, no depth` | `scalable vector graphics` | `minimal line work` | `solid color fills only` | `zero dimensionality`
|
|
560
|
+
|
|
561
|
+
**Composition Terms:**
|
|
562
|
+
`floating geometric shapes` | `negative white space` | `asymmetric balance` | `layered flat elements` | `decorative circles and triangles` | `oversized objects` | `dynamic energetic pose`
|
|
563
|
+
|
|
564
|
+
**Mood Descriptors:**
|
|
565
|
+
`friendly approachable` | `optimistic corporate` | `playful energetic` | `clean minimalist` | `professional yet casual` | `positive upbeat mood`
|
|
566
|
+
|
|
567
|
+
---
|
|
568
|
+
|
|
569
|
+
## Consistency Tips for Multiple Generations
|
|
570
|
+
|
|
571
|
+
1. **Lock style anchor**: Always start with "Corporate Memphis style" or "Alegria illustration"
|
|
572
|
+
2. **Specify proportions explicitly**: "small head, oversized torso, long bendy limbs" in every prompt
|
|
573
|
+
3. **Enforce flatness**: "no shading, no gradients, flat 2D vector" mandatory
|
|
574
|
+
4. **Define color palette**: Name specific colors or color moods consistently
|
|
575
|
+
5. **Maintain simplicity**: Corporate Memphis succeeds through reduction—less is more
|
|
576
|
+
6. **White background default**: Unless specific need, always use white
|
|
577
|
+
7. **Aspect ratio consistency**: Match your use case (16:9 web, 1:1 social, 9:16 mobile)
|
|
578
|
+
|
|
579
|
+
---
|
|
580
|
+
|
|
581
|
+
## Final Notes: Understanding the Backlash
|
|
582
|
+
|
|
583
|
+
Corporate Memphis became so ubiquitous (2017-2022) that it sparked significant criticism:
|
|
584
|
+
|
|
585
|
+
**Criticisms:**
|
|
586
|
+
- **Over-saturation**: Everywhere, all at once, visually exhausting
|
|
587
|
+
- **Soulless/generic**: Copy-paste aesthetic with no brand differentiation
|
|
588
|
+
- **Insincere**: "Friendly" veneer over exploitative corporations
|
|
589
|
+
- **Tokenistic diversity**: Non-representational colors avoid actual representation
|
|
590
|
+
- **Sanitizing capitalism**: Utopian optimism masking real problems
|
|
591
|
+
- **Easy/lazy**: Too simple to create, floods market with mediocre work
|
|
592
|
+
|
|
593
|
+
**Why it still matters:**
|
|
594
|
+
Despite backlash, Corporate Memphis remains dominant in:
|
|
595
|
+
- Web UI empty states and loading screens
|
|
596
|
+
- SaaS onboarding flows
|
|
597
|
+
- Tech company marketing materials
|
|
598
|
+
- App store screenshots
|
|
599
|
+
- Educational platforms
|
|
600
|
+
|
|
601
|
+
**For your use case (web components):**
|
|
602
|
+
Corporate Memphis is still highly effective for functional UI illustrations because it's:
|
|
603
|
+
- Instantly recognizable
|
|
604
|
+
- Doesn't compete with content
|
|
605
|
+
- Fast to produce and iterate
|
|
606
|
+
- Universally understandable
|
|
607
|
+
- Scalable and responsive-friendly
|
|
608
|
+
|
|
609
|
+
---
|
|
610
|
+
|
|
611
|
+
## Summary: Core Principles
|
|
612
|
+
|
|
613
|
+
1. **Flatness is law**: Zero depth, zero shading, zero gradients
|
|
614
|
+
2. **Disproportionate characters**: Small heads, big bodies, noodle limbs
|
|
615
|
+
3. **Vibrant primary colors**: Red, blue, yellow, green base
|
|
616
|
+
4. **Minimal features**: Less is more—reduce to geometric essentials
|
|
617
|
+
5. **Non-representational skin**: Blues, purples, oranges for "universal" feel
|
|
618
|
+
6. **Vector construction**: Clean Bezier curves, solid fills, scalable
|
|
619
|
+
7. **Optimistic energy**: Always positive, never complex or dark
|
|
620
|
+
8. **White space dominance**: Generous negative space, uncluttered
|
|
621
|
+
9. **Action poses**: Figures in motion, dynamic, collaborative
|
|
622
|
+
10. **Geometric decoration**: Circles, triangles, rectangles as accents
|
|
623
|
+
|
|
624
|
+
**The one-sentence essence:**
|
|
625
|
+
Corporate Memphis is the visual equivalent of corporate elevator music—inoffensive, forgettable, infinitely replicable, and designed to make you feel comfortable while asking nothing of you.
|