← Back to Works

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
Raw Punk Product

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.
Raw Punk Product screen 2

Project Highlights

  • Performance score of 95+
  • Fully responsive design
  • SEO optimized structure