Axis Supply — Streetwear Store
A storefront drawn as an engineering document, with an inverted checkerboard lookbook.
DOM + CSS0 deps1 file · 11 KB TSX
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
// ---------------------------------------------------------------
}Details
About this whole site
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.
