Raw Punk Product
A brutalist e-commerce product page that breaks conventional design rules. Bold typography, high contrast, and raw energy.
Date October 2024
Stack
HTML5SassVanilla JS
Breaking the Mold
In a sea of minimalist, white-space-heavy e-commerce sites, “Raw Punk” stands out by screaming its message. This project explores the “Anti-Design” trend, using overlapping elements, harsh colors, and unconventional layouts to create a memorable brand experience.
Design approach
We stripped away the polish usually associated with premium products and replaced it with a raw, “do-it-yourself” aesthetic. The layout relies on CSS Grid but intentionally misaligns elements to create tension and visual interest.
Features
- Brutalist Typography: Massive, uppercase typefaces that dominate the viewport.
- High Contrast: A stark black and white palette with aggressive accent colors.
- Glitch & Noise: Visual artifacts and texture overlays that give the site a gritty, analog feel.
Project Highlights
- ✓ Performance score of 95+
- ✓ Fully responsive design
- ✓ SEO optimized structure