| name | design-styles |
| description | Comprehensive reference for 50 design aesthetics, movements, and visual styles with detailed definitions. Use when creating visuals, illustrations, graphics, or any design work requiring specific aesthetic direction. Each style includes core principles, visual characteristics, color palettes, typography guidance, key elements, emotional qualities, historical context, and AI prompt engineering keywords. |
| version | 2 |
| license | MIT |
Design Styles Reference Skill
A comprehensive guide to 50 design aesthetics for creating visually distinctive work. Each style includes detailed documentation of:
- Core Principle — The foundational philosophy driving the aesthetic
- Visual Characteristics — Specific visual elements, techniques, and approaches
- Color Palette — Typical colors, combinations, and color relationships
- Typography — Font styles, text treatments, and typographic approaches
- Key Elements — Motifs, patterns, recurring imagery, and signature elements
- Feeling — Emotional and conceptual impact the style creates
- Era/Context — Historical background, timeline, and cultural origins
- Prompt Keywords — AI image generation-optimized terms
Complete Style Index (All 50 Styles)
| # | Style | Category | Reference File | Era |
|---|
| 1 | Swiss Style / International Typographic | Classic | classic-movements.md | 1950s-present |
| 2 | Bauhaus | Classic | classic-movements.md | 1919-1933 |
| 3 | Constructivism | Classic | classic-movements.md | 1913-1930s |
| 4 | Art Deco | Classic | classic-movements.md | 1920s-1940s |
| 5 | Art Nouveau | Classic | classic-movements.md | 1890-1910 |
| 6 | Modernism | Classic | classic-movements.md | 1900s-1970s |
| 7 | Minimalism | Classic | classic-movements.md | 1960s-present |
| 8 | Brutalism | Classic | classic-movements.md | 1950s-1970s / 2010s digital |
| 9 | Mid-Century Modern | Retro | retro-futurism.md | 1945-1969 |
| 10 | 70s Retro | Retro | retro-futurism.md | 1970-1979 |
| 11 | Experimental Typography | Typography | typography-print.md | 1980s-present |
| 12 | 80s Editorial | Typography | typography-print.md | 1980-1989 |
| 13 | Grunge Typography | Typography | typography-print.md | 1990s |
| 14 | Punk | Typography | typography-print.md | 1976-1985 |
| 15 | Post-Modernism | Classic | classic-movements.md | 1970s-1990s |
| 16 | Deconstructivism | Typography | typography-print.md | 1980s-1990s |
| 17 | Synthwave / Outrun | Retro | retro-futurism.md | 2000s-present |
| 18 | Italo Disco | Retro | retro-futurism.md | 1980s/2020s |
| 19 | New Wave | Retro | retro-futurism.md | 1978-1988 |
| 20 | Pop Art | Classic | classic-movements.md | 1950s-1970s |
| 21 | Y2K Futurism | Retro | retro-futurism.md | 1997-2004 |
| 22 | Web 1.0 | Retro | retro-futurism.md | 1995-2003 |
| 23 | Bubbleglam | Pop Culture | pop-culture.md | mid-1990s |
| 24 | Cyberpop | Digital | digital-cyber.md | 1990s/2020s |
| 25 | Chromecore | Retro | retro-futurism.md | 2000-2006 |
| 26 | Web 2.0 Gloss | Retro | retro-futurism.md | 2004-2010 |
| 27 | Skeuomorphism | Retro | retro-futurism.md | 2007-2013 |
| 28 | Neomorphism | Digital | digital-cyber.md | 2019-2021 |
| 29 | Glassmorphism | Digital | digital-cyber.md | 2020-2022 |
| 30 | Vaporwave | Digital | digital-cyber.md | 2010-2018 |
| 31 | Cyberpunk | Digital | digital-cyber.md | 1980s-present |
| 32 | Luxury Minimal | Pop Culture | pop-culture.md | Contemporary |
| 33 | Maximalism | Pop Culture | pop-culture.md | Various eras |
| 34 | Gothic | Pop Culture | pop-culture.md | Medieval-present |
| 35 | Tech Spec | Digital | digital-cyber.md | Contemporary |
| 36 | Neubrutalism | Digital | digital-cyber.md | 2020s |
| 37 | Cyberminimalism | Digital | digital-cyber.md | 2020s |
| 38 | Vector Minimalism | Digital | digital-cyber.md | Contemporary |
| 39 | Gen X Soft Club | Pop Culture | pop-culture.md | 1990s-2000s |
| 40 | Future Funk | Retro | retro-futurism.md | 2012-present |
| 41 | Memphis Design | Classic | classic-movements.md | 1981-1988 |
| 42 | Type Doodle | Typography | typography-print.md | Contemporary |
| 43 | Surveillance | Digital | digital-cyber.md | Contemporary |
| 44 | Steampunk | Pop Culture | pop-culture.md | 1980s-present |
| 45 | Psychedelic | Typography | typography-print.md | 1960s-1970s |
| 46 | Acid | Pop Culture | pop-culture.md | 1980s-1990s |
| 47 | Glitch | Digital | digital-cyber.md | 2010s-present |
| 48 | Kidcore | Pop Culture | pop-culture.md | 2010s |
| 49 | Naive Art / Primitive | Classic | classic-movements.md | Various |
| 50 | Blueprint | Typography | typography-print.md | 1840s-present |
Reference Files
12 styles — Foundational design movements that shaped visual culture
- Swiss Style, Bauhaus, Constructivism, Art Deco, Art Nouveau
- Modernism, Minimalism, Brutalism, Post-Modernism
- Pop Art, Memphis Design, Naive Art
11 styles — Era-specific aesthetics and nostalgic future visions
- Mid-Century Modern, 70s Retro, Synthwave, Italo Disco, New Wave
- Y2K Futurism, Web 1.0, Chromecore, Web 2.0 Gloss
- Skeuomorphism, Future Funk
8 styles — Text-forward and print-based aesthetic approaches
- Experimental Typography, 80s Editorial, Grunge Typography, Punk
- Deconstructivism, Type Doodle, Psychedelic, Blueprint
11 styles — Technology-driven aesthetics from cyberspace to UI
- Cyberpop, Neomorphism, Glassmorphism, Vaporwave, Cyberpunk
- Tech Spec, Neubrutalism, Cyberminimalism, Vector Minimalism
- Surveillance, Glitch
8 styles — Modern aesthetics reflecting cultural moments and subcultures
- Bubbleglam, Luxury Minimal, Maximalism, Gothic
- Gen X Soft Club, Steampunk, Acid, Kidcore
How to Use This Skill
For Visual Design Work
- Identify the mood, era, or feeling you want to evoke
- Find matching styles in the index above
- Read the detailed entry in the corresponding reference file
- Apply visual characteristics, colors, typography, and key elements
- Use prompt keywords for AI image generation if needed
For AI Image Generation
Each style includes prompt engineering keywords optimized for diffusion models (Midjourney, DALL-E, Stable Diffusion). Combine:
[Subject] + [Style keywords from entry] + [Color palette terms] + [Additional modifiers]
Example prompts:
Swiss Style (#1):
corporate poster design, swiss style, helvetica typography,
mathematical grid composition, red black white, clean minimal,
müller-brockmann inspired
Cyberpunk (#31):
futuristic city street at night, cyberpunk aesthetic, neon signs,
rain-slicked pavement, blade runner style, holographic advertisements,
neon pink cyan blue, corporate dystopia
Vaporwave (#30):
greek marble bust, vaporwave aesthetic, pink purple gradient background,
windows 95 elements, japanese text, palm trees, VHS glitch effects,
mall aesthetic, sunset colors
Punk (#14):
concert poster, punk aesthetic, ransom note cut-out typography,
jamie reid style, xerox texture, safety pins, anarchist symbols,
black and white, raw aggressive DIY
Memphis Design (#41):
product design, memphis style, terrazzo pattern, bold clashing colors,
squiggle lines, geometric shapes, ettore sottsass, 1980s postmodern,
hot pink electric blue yellow
Quick Reference by Feeling
Clean/Professional:
Swiss Style (#1), Minimalism (#7), Tech Spec (#35), Vector Minimalism (#38), Luxury Minimal (#32)
Rebellious/Raw:
Punk (#14), Grunge (#13), Brutalism (#8), Neubrutalism (#36), Constructivism (#3)
Nostalgic/Retro:
Synthwave (#17), Vaporwave (#30), Y2K (#21), 70s Retro (#10), Web 1.0 (#22), Mid-Century (#9), Future Funk (#40)
Futuristic/Tech:
Cyberpunk (#31), Cyberminimalism (#37), Glitch (#47), Surveillance (#43), Chromecore (#25)
Playful/Colorful:
Memphis (#41), Kidcore (#48), Acid (#46), Cyberpop (#24), Bubbleglam (#23)
Luxurious/Elegant:
Art Deco (#4), Luxury Minimal (#32), Gothic (#34), Art Nouveau (#5)
Organic/Natural:
Art Nouveau (#5), Naive Art (#49), Mid-Century Modern (#9), Psychedelic (#45)
Bold/Maximalist:
Maximalism (#33), Psychedelic (#45), Pop Art (#20), Memphis (#41), Post-Modernism (#15)
Style Combinations
Many compelling designs blend multiple aesthetics:
| Combination | Result |
|---|
| Cyberpunk + Art Deco | Blade Runner's visual language |
| Vaporwave + Brutalism | Digital decay meets concrete monumentality |
| Gothic + Steampunk | Victorian dark romance with mechanical elements |
| Swiss Style + Neon colors | Clean grids with electric energy |
| Neubrutalism + Y2K | Raw digital energy meets millennium optimism |
| Punk + Glitch | Analog rebellion meets digital corruption |
| Minimalism + Gothic | Dark elegance with maximum restraint |
| 70s Retro + Synthwave | Double-layered nostalgia |
| Memphis + Cyberpop | 80s postmodern meets 90s neon optimism |
Version History
v2.0 — Complete rebuild with comprehensive detailed definitions for all 50 styles. Each style now includes full documentation of core principles, visual characteristics, color palettes, typography, key elements, feelings, historical context, and AI prompt keywords.
v1.0 — Initial 50-style collection with basic descriptions.