Design styles

Examples of popular web design styles, from brutalism to neumorphism to vaporwave. Each page is a working demo with a breakdown of the style and when to use it.

• Art Deco Design Style Guide - A comprehensive guide to the Art Deco design style, including its history, key characteristics, and examples of its use in various design disciplines.
• Aurora / Gradient Mesh Design Style Guide - A design style guide for the Aurora / Gradient Mesh design style, which is used in the Aurora design system.
• Bauhaus Design Style Guide - A style guide inspired by the Bauhaus design movement, characterized by its emphasis on simplicity, functionality, and geometric forms.
• Bento Grid Design Style Guide - A design style guide for the Bento Grid, a layout system that organizes content into a grid of boxes, inspired by the traditional Japanese bento box.
• Claymorphism Design Style Guide - Claymorphism is a design style that combines elements of skeuomorphism and flat design, creating a soft, tactile, and playful aesthetic.
• Cottagecore / Organic Design Style Guide - Cottagecore is a design style that celebrates the beauty of nature and simplicity.
• Cyber Punk - A style guide inspired by the cyberpunk aesthetic, featuring neon colors, futuristic typography, and a dystopian vibe.
• Dark Mode Minimal Design Style Guide - A design style guide for a dark mode minimal aesthetic, featuring a sleek and modern look with a focus on simplicity and elegance.
• Data Dashboard Design Style Guide - A comprehensive design style guide for data dashboards, covering typography, color schemes, layout principles, and best practices for creating effective and visually appealing dashboards.
• Editorial Style Guide - The editorial style guide provides guidelines for writing and formatting content for the website.
• Frosted Glass Design Style Guide - A comprehensive guide to implementing frosted glass design elements in your projects, including best practices, examples, and tips for achieving the perfect frosted glass effect.
• Glassmorphism - Glassmorphism is a design trend that emphasizes transparency, blur effects, and vibrant colors to create a frosted glass-like appearance in user interfaces.
• High Contrast Design Style Guide - High contrast design emphasizes strong visual differences between elements, often using bold colors and stark contrasts to create a striking and impactful aesthetic.
• Indie / Zine Design Style Guide - A design style guide for indie and zine aesthetics, featuring bold typography, vibrant colors, and DIY-inspired elements.
• Isometric / 3D - Isometric and 3D design styles are used to create a sense of depth and dimension in visual compositions.
• Japandi / Wabi-Sabi - Japandi is a design style that combines the simplicity and functionality of Japanese design with the warmth and coziness of Scandinavian design.
• Material Design - Sleek, bold, and vibrant: a material design-inspired style guide showcasing typography, colors, and components with a modern twist.
• Memphis / Post-Modern Design Style Guide - A design style guide for Memphis / Post-Modern design, including color palettes, typography, and examples of the style in use.
• Minimalism - Minimalism is a design style that emphasizes simplicity and the removal of unnecessary elements.
• Motion / Kinetic Design Guide - Motion design is the art of creating movement in digital interfaces.
• Neo Brutalism - Style guide for the Neo Brutalism style.
• Neon Sign Design Style Guide - A design style guide for creating neon sign-inspired designs, featuring vibrant colors, glowing effects, and retro aesthetics.
• Neumorphism - Neumorphism, also known as soft UI, is a design trend that combines elements of skeuomorphism and flat design.
• Pop Art Deisgn Style Guide - A design style guide for pop art, a visual art movement that emerged in the mid-20th century, characterized by bold colors, graphic imagery, and a focus on popular culture and consumerism.
• Skeuomorphism Design Style Guide - Skeuomorphism is a design style that mimics real-world objects and textures in digital interfaces.
• Swiss International - Swiss International is a sans-serif typeface designed by the Swiss type foundry Lineto.
• Terminal & Hacker Design Style Guide - Terminal and hacker design style guide, including fonts, colors, and UI elements inspired by command-line interfaces and hacker aesthetics.
• Vaporwave - Vaporwave is a design style that emerged in the early 2010s, characterized by its use of retro aesthetics, neon colors, and nostalgic imagery.
• Vintage & Retro Design Style Guide - A comprehensive guide to vintage and retro design styles, including key characteristics, color palettes, typography, and examples of how to incorporate these styles into your projects.
• Y2K - .