Back to designs
Brutalist Style
Color Palette
Pure Black
#000000
Structure, Borders, Text
Neon Red
#FF5252
Accents, Hover, CTAs
Concrete Grey
#F0F0F0
Backgrounds, Surfaces
Pure White
#FFFFFF
Contrast, Blocks
Typography
WE ARE RAW
H1 • Bold • Uppercase
"Form follows function"
Body • Regular
BUTTON_ACTION
Component • Bordered
Visual Principles
Hard Borders
2px-4px solid lines. No softness. They delimit content with visual aggressiveness to structure information without ambiguity.
Hard Shadows
No blur (blur: 0). Shadows are solid color blocks offset (box-shadow: 4px 4px 0px #000) giving a physical and tactile feel.
High Contrast Colors
Use of web-safe colors or pure neons on monochromatic backgrounds to guide attention immediately.
Grid Exposure
Grid lines are not hidden, they are celebrated. The layout is part of the content.