tombrewsviews/design-styles

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

classic-movements.md

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

retro-futurism.md

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

typography-print.md

8 styles — Text-forward and print-based aesthetic approaches

• Experimental Typography, 80s Editorial, Grunge Typography, Punk
• Deconstructivism, Type Doodle, Psychedelic, Blueprint

digital-cyber.md

11 styles — Technology-driven aesthetics from cyberspace to UI

• Cyberpop, Neomorphism, Glassmorphism, Vaporwave, Cyberpunk
• Tech Spec, Neubrutalism, Cyberminimalism, Vector Minimalism
• Surveillance, Glitch

pop-culture.md

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

1. Identify the mood, era, or feeling you want to evoke
2. Find matching styles in the index above
3. Read the detailed entry in the corresponding reference file
4. Apply visual characteristics, colors, typography, and key elements
5. 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.