Premium local brands
C4 — Core City Can Company
A graffiti supply store that feels like the culture.
A bold, dark e-commerce storefront for a Detroit spray-paint brand — a 120-color picker with a live can preview, the full FLAME lineup, and pickup ordering wired to email.
120
Color picker shades
Live
Cap preview on the can
100%
Custom — no templates
Challenge
Spray paint is street culture — but most paint shops online read like generic hardware catalogs. C4 needed a storefront as bold as the product: instantly recognizable, color-forward, and built to actually take orders for in-store pickup at the Core City shop in Detroit.
Approach
We built a near-black, high-contrast storefront with oversized condensed type and a FLAME-orange signature — the can treated as a hero object and color presented as a full wall of paint. A 120-shade color picker updates a live cap preview on the can, an inventory-ready data model makes adding stock trivial, and checkout emails every order straight to the shop and the customer.
Outcome
A storefront that looks like the culture and functions like a real shop — the full FLAME lineup (Blue, Orange, Booster, Caps) plus 600ml specialty cans, real pricing, and a working pickup-order flow from cart to confirmation email.
Visual breakdown
Built to feel like Detroit.
Every surface was designed around the product and the culture — bold type, raw contrast, and color as the hero. The result reads like a streetwear drop, not a hardware catalog.
Desktop — homepage hero
01
Bold by design
A near-black canvas, oversized condensed type, and a blast of FLAME orange — the can shot like a hero object, with a scrolling ticker and the brand voice set in heavy display type.
Desktop — products grid
02
The full lineup
FLAME Blue, Orange, Booster, and Caps plus the 600ml specialty metallics — each a bold product card with real pricing, presented as a confident retail grid.
Desktop — the Color Lab
03
Wall of paint
The C4 Color Lab puts all 120 in-stock shades on screen as a full wall of paint — tap any color to add it, or jump to the product page for a live preview.
Desktop — color picker + can preview
04
Live can preview
On the product page, the 120-color picker drives a live cap preview — pick a shade and watch the donut on the can update in real time, with the code, price, and add-to-cart right there.
Mobile — homepage
05
Mobile-first
The same bold experience on phone — hero, lineup, color wall, and a sticky add-to-cart built for writers shopping from the street.
What we delivered
- Bold dark brand system with FLAME-orange signature
- 120-color picker with a live cap preview on the can
- Full lineup + 600ml specialty metallics
- Inventory-ready model — add products & colors in minutes
- Pickup ordering wired to email (shop + customer)
What they can manage
Inventory-ready storefront — new cans, colors, and prices drop into a single data file and appear across the whole store instantly.