A bold, personality-driven e-commerce template for brands that refuse to be boring. Neo-brutalist grid, per-product colour theming, chunky type, and attitude in every pixel.
3px solid borders. Hard box shadows (4px offset, no blur). Zero border-radius. Raw, honest, impossible to ignore. In a sea of rounded corners and soft shadows, hard edges stop the scroll. Tony's Chocolonely pioneered this for e-commerce.
Each product card has its own background tint. Inspired by Simply Chocolate (Awwwards SOTD) where each product lives in its own visual world. Users identify products by colour before reading the name — that's faster browsing.
Bold, geometric, slightly playful heading font paired with Inter for body. Says 'we're serious about quality but we don't take ourselves seriously.' The typographic equivalent of showing up to a board meeting in a great t-shirt.
#FFF8F0 — not pure white. Makes the entire site warmer and more inviting. Pure white feels clinical (Elevate uses it intentionally). E-commerce wants approachable. The warm base makes the coral accent #FF6B35 sing instead of clash.
Feature strips, irreverent copy, emoji as visual system, floating decorative elements. Inspired by Liquid Death and Graza — brands where the design IS the brand. The template teaches clients what fun looks like.
Every product card shows the button by default — not hidden behind hover. On mobile, hover doesn't exist. Any template that hides purchase buttons behind hover is losing mobile conversions.
Scrolling marquee communicates key selling points without taking page real estate. 'FREE SHIPPING · 100% NATURAL · NO WEIRD STUFF' — three value props absorbed in 2 seconds.
Testimonials with real personality, not corporate speak. 'Bought one. Then bought twelve more.' signals to clients what authentic reviews sound like.
DTC brands, food & beverage, lifestyle products, streetwear, indie cosmetics, pet brands, craft goods — any brand with personality that wants their store to feel like their brand, not a Shopify default.
Source code for an e-commerce template with more personality than most brands.
Or hire me to customise it for your brand.
Next.js + Tailwind + TypeScript. Every page, every component, every animation.
Home, About, Services/Work, Contact — and industry-specific pages. Not just a homepage.
Real scroll-triggered animations on every section. Not CSS transitions — choreographed GSAP motion.
Mobile-first design. Same quality on phone, tablet, and desktop. Tested across breakpoints.
Semantic HTML, proper heading hierarchy, metadata structure, Open Graph tags ready to configure.
Step-by-step docs for changing colours, fonts, content, connecting a CMS, deploying to Vercel.
Why every visual choice was made. Typography rationale, colour reasoning, animation philosophy.
Use on unlimited personal and client projects. Modify however you want. You own your build.
Buy once, receive all future updates. Framework upgrades, bug fixes, new features.
One-time purchase. Lifetime updates. No subscription.
If the template doesn't work as described, email us for a full refund. No questions.