Axis Supply — Streetwear Store
A storefront drawn as an engineering document, with an inverted checkerboard lookbook.
- Category
- Site Templates
- Added
- 2026-09-20
- Deps
- none
- Updated
- 2026-09-20
This is a viberdy Pro component
The live preview, the props panel and the write-up are open to everyone. The full source, the AI prompt and CLI install are part of Pro.
Props
"use client";
import { useState } from "react";
const INK = "#0a0a0a";
const BONE = "#e8e6e1";
const DEFAULT_SIGNAL = "#ff3b1f";
const SIZES = ["XS", "S", "M", "L", "XL"];
// Two sizes are deliberately gone. A size grid where everything is always
// available is the tell that a storefront is a mockup.
const SOLD_OUT = ["XS", "XL"];
export function AxisSupplyStoreSite({
accent = DEFAULT_SIGNAL,
label = "AXIS SUPPLY",
showGrid = true,
products,
}: {
// ---------------------------------------------------------------
// Full source available with a viberdy Pro subscription.
// https://viberdy.dev/pricing
// ---------------------------------------------------------------
}About this site template
Most small apparel storefronts look like a theme with the colours changed, so this one presents itself as an engineering drawing of a shop instead: a visible hairline grid, registration brackets at the four corners, a CSS barcode in the footer spec strip, and a navigation laid out as a four-column directory rather than a menu bar. Everything is monospace except the product name, and holding that exception to a single role is what keeps the technical framing from tipping into costume. The device worth taking on its own is the checkerboard lookbook: cells alternate black and bone, and on the bone cells the photograph is inverted, which turns four perfectly ordinary product shots into something that reads as a printed lookbook. It does impose a real constraint — the shots have to be on a plain background, because a busy location image inverts into noise. Underneath the styling the commerce is honest: two sizes are genuinely sold out, disabled and struck through with a CSS diagonal so availability never depends on colour, and the cart count and subtotal are real rather than decorative.
Curator’s note
Built for viberdy 2.2 at true page scale. The inverted checkerboard is the one idea here worth stealing on its own — it makes plain product photography look art-directed.
Pairs well with
Matched on shared tags and category — the entries most likely to be used alongside this one.
Crosshair Cursor Readout
componentsA drafting-tool crosshair with live X/Y coordinates that trails the pointer.
Seventeen — Creative Studio
site templatesA print-spread studio site where photographs crop into a giant numeral and sit inline inside the sentence.
Stroke Draw Button
componentsA button whose outline draws itself around the shape on hover, at any size.