Style Movements
17 styles spanning 200 years of design history. Each one transforms this entire site.
What is a design style movement?
A style movement is a coherent set of visual decisions — typography, color, spacing, ornament, motion — that emerged from a specific cultural moment. Art Deco came from 1920s machine-age optimism. Bauhaus from post-war functionalism. Web Brutalism from anti-corporate internet culture.
Each movement answers the same design questions differently: How much decoration? How much space? What does a heading look like? What does a button feel like? StyleShift lets you experience these answers directly — switch a style and watch every element on the page transform.
How are styles organized here?
Historical styles (Victorian through Memphis) emerged from cultural and artistic movements. Digital styles (Material Design, Web Brutalism) were created for screens. Mood styles (Synthwave, Nordic, Cottagecore) are aesthetic communities rather than formal movements — but their visual rules are just as consistent.
How should you use this gallery?
Click any style to see its full breakdown — principles, typography pairings, color palettes, spacing philosophy, and common mistakes. You can also customize fonts, colors, and ornaments within each style using the configurator. The goal is not to copy a style exactly, but to understand why its choices work together.