Preview image. Unlock full-res
Pixelated streetwear on raw concrete
Shopify Supply is a digital storefront with a distinct glitch-art, anti-establishment attitude. It combines bold, highly-tracked typography and a dark, almost gritty background with unexpected neon green and yellow accents. The visual system prioritizes sharp contrasts and unconventional styling, using minimal rounded corners and pervasive grid-like textures to evoke a raw, early-internet aesthetic meeting modern streetwear design. Components are largely borderless or subtly outlined, creating a sense of weightlessness on a dense dark canvas.
Prioritize Canvas Black (#000000) for all main page and section backgrounds.
Use Accent Green (#6fc992) for interactive links and subtle product description accents.
Employ the linear gradient linear-gradient(to top, rgb(164, 208, 107), rgb(206, 220, 46), rgb(201, 243, 0)) for hero sections and full-bleed brand statements.
Apply Inter-Variable as the primary typeface for all textual content, adjusting weights and letter-spacing as per the type scale.
Construct call-to-action buttons with a stark #FFFFFF background and #000000 text, using 0px border-radius.
Maintain a grid-like visual texture with thin #e5e7eb or #3d3f40 dividers for content separation, especially on dark surfaces.
Utilize 0px border-radius across most components for a sharp, angular aesthetic.
Avoid generic drop shadows; use them only as explicitly specified for interactive elements like the button shadow rgba(0, 0, 0, 0.1) 0px 0px 8px 0px.
Do not introduce soft bezier curves or organic shapes; maintain a geometric and angular sensibility.
Refrain from using pastel or desaturated color palettes; lean into high contrast and vivid color pops.
Do not add extra padding or spacing around product cards; they should appear flush with surrounding content.
Avoid applying excessive rounded corners; the default is 0px for most elements.
Do not deviate from the specified Inter-Variable letter-spacing values, particularly the negative tracking at larger sizes.
Do not use generic system fonts; always map to one of the specified brand typefaces (Inter-Variable, Grtsk-Bold-Tera, Fraktion).
