Brutalist Style Ecommerce Page
A brutalist editorial design system for high-fashion, streetwear, or luxury brands. Featuring a raw, industrial aesthetic with massive typography, high-contrast photography, and utilitarian components. Key elements include a noise-grain texture overlay, a monochromatic palette with burnt orange and neon green accents, and asymmetrical layout grids. The style uses 'Clash Grotesk' for aggressive impact and 'General Sans' for technical clarity. Ideal for product launches, lookbooks, and fashion portfolios looking for a 'Raw Campaign' or 'Modern Brutalist' feel with scroll-triggered visual impact.
Summary
A high-fashion brutalist design system called 'Season 04', utilizing massive typography, raw noise textures, and a technical-utilitarian layout. It blends luxury editorial sensibilities with harsh, industrial design elements like high-contrast grayscale imagery and neon acid-green micro-interactions.
Style
The style is defined by a 'Raw' aesthetic: a neutral beige background (#E3E2DE) paired with deep brownish-black (#1B0E0D) and burnt red (#C72A09) accents. A constant noise texture (0.08 opacity) is applied over the entire interface. Typography features heavy use of 'Clash Grotesk' for massive, tight-tracked headings and 'General Sans' or Mono fonts for technical metadata. Animations are swift and purposeful, including image scaling and neon-green hover states (#31EF07).
Layout & Structure
The layout uses a 12-column asymmetric grid. It features massive, screen-filling typography dividers and a mix of full-width blocks and offset product columns to create a sense of 'ordered chaos'.
Navigation
Hero Section
Manifesto Section
Category Divider
Product Grid
Footer
Components
Neon Interaction Badge
A sharp-edged, high-visibility utility badge for product status or quick actions.
Texture Overlay
Full-screen SVG noise grain that unifies the brutalist aesthetic.
Split-Indented Headline
A typography style for hero headers that utilizes large-scale indentation for visual tension.