Neo-Brutalist: Style Guide

Style Guide

Welcome to the Neo-Brutalist Style Guide, where we document the unwritten rules of our beloved aesthetic.

Here's a quick rundown:

• High-contrast colors: We use a palette of 10 different colors, each carefully selected to induce headaches and seizures.
• Thick borders: Because who needs subtlety when you can have a 4px solid border?
• Dramatic drop shadows: It's all about drama.
• Unsmoothed typography: Because smooth is so last season.

Best Practices

• Use color 1 for headers.
• Use color 2 for main content.
• Use color 3 for links.
• Use color 4 for code blocks.

				/* Use color 1 for headers */
				#header { background: #333; }
				/* Use color 2 for main content */
				#content { background: #f2f0f0; }
				/* Use color 3 for links */
				#footer a { color: #00ff00; }
				/* Use color 4 for code blocks */
				#code { background: #f0f0f0; }
			

And that's it!

Now go forth and style like the wind!

© 2023 Neo-Brutalist

• Back to Style Guide
• Best Practices
• Best Practices 2
• Best Practices 3