CtrlK
BlogDocsLog inGet started
Tessl Logo

design-styles

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.

76

Quality

96%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

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)

#StyleCategoryReference FileEra
1Swiss Style / International TypographicClassicclassic-movements.md1950s-present
2BauhausClassicclassic-movements.md1919-1933
3ConstructivismClassicclassic-movements.md1913-1930s
4Art DecoClassicclassic-movements.md1920s-1940s
5Art NouveauClassicclassic-movements.md1890-1910
6ModernismClassicclassic-movements.md1900s-1970s
7MinimalismClassicclassic-movements.md1960s-present
8BrutalismClassicclassic-movements.md1950s-1970s / 2010s digital
9Mid-Century ModernRetroretro-futurism.md1945-1969
1070s RetroRetroretro-futurism.md1970-1979
11Experimental TypographyTypographytypography-print.md1980s-present
1280s EditorialTypographytypography-print.md1980-1989
13Grunge TypographyTypographytypography-print.md1990s
14PunkTypographytypography-print.md1976-1985
15Post-ModernismClassicclassic-movements.md1970s-1990s
16DeconstructivismTypographytypography-print.md1980s-1990s
17Synthwave / OutrunRetroretro-futurism.md2000s-present
18Italo DiscoRetroretro-futurism.md1980s/2020s
19New WaveRetroretro-futurism.md1978-1988
20Pop ArtClassicclassic-movements.md1950s-1970s
21Y2K FuturismRetroretro-futurism.md1997-2004
22Web 1.0Retroretro-futurism.md1995-2003
23BubbleglamPop Culturepop-culture.mdmid-1990s
24CyberpopDigitaldigital-cyber.md1990s/2020s
25ChromecoreRetroretro-futurism.md2000-2006
26Web 2.0 GlossRetroretro-futurism.md2004-2010
27SkeuomorphismRetroretro-futurism.md2007-2013
28NeomorphismDigitaldigital-cyber.md2019-2021
29GlassmorphismDigitaldigital-cyber.md2020-2022
30VaporwaveDigitaldigital-cyber.md2010-2018
31CyberpunkDigitaldigital-cyber.md1980s-present
32Luxury MinimalPop Culturepop-culture.mdContemporary
33MaximalismPop Culturepop-culture.mdVarious eras
34GothicPop Culturepop-culture.mdMedieval-present
35Tech SpecDigitaldigital-cyber.mdContemporary
36NeubrutalismDigitaldigital-cyber.md2020s
37CyberminimalismDigitaldigital-cyber.md2020s
38Vector MinimalismDigitaldigital-cyber.mdContemporary
39Gen X Soft ClubPop Culturepop-culture.md1990s-2000s
40Future FunkRetroretro-futurism.md2012-present
41Memphis DesignClassicclassic-movements.md1981-1988
42Type DoodleTypographytypography-print.mdContemporary
43SurveillanceDigitaldigital-cyber.mdContemporary
44SteampunkPop Culturepop-culture.md1980s-present
45PsychedelicTypographytypography-print.md1960s-1970s
46AcidPop Culturepop-culture.md1980s-1990s
47GlitchDigitaldigital-cyber.md2010s-present
48KidcorePop Culturepop-culture.md2010s
49Naive Art / PrimitiveClassicclassic-movements.mdVarious
50BlueprintTypographytypography-print.md1840s-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:

CombinationResult
Cyberpunk + Art DecoBlade Runner's visual language
Vaporwave + BrutalismDigital decay meets concrete monumentality
Gothic + SteampunkVictorian dark romance with mechanical elements
Swiss Style + Neon colorsClean grids with electric energy
Neubrutalism + Y2KRaw digital energy meets millennium optimism
Punk + GlitchAnalog rebellion meets digital corruption
Minimalism + GothicDark elegance with maximum restraint
70s Retro + SynthwaveDouble-layered nostalgia
Memphis + Cyberpop80s 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.

Repository
tombrewsviews/design-styles
Last updated
Created

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.