Back to portfolio
Brand identity & landing page

RANGE

Streetwear, cut for every size — XS through 5XL, same fabric and photography throughout.

RoleBrand design + frontend build
Timeline2 weeks
ToolsReact, TypeScript, Vite
Live sitewearrange.com
wearrange.com

RANGE is a fictional streetwear label built around a single idea: sizing shouldn't be an afterthought. The brand and landing page both put size range at the center instead of treating it as a dropdown buried in a product page.

Color-blocking over a single accent

Streetwear branding often leans on one loud accent against black. I used three saturated colors — hot pink, cobalt, safety orange — blocked like a jacket, not a highlight.

The size slider is the hero

Rather than describe the size range in a paragraph, the slider puts XS through 5XL directly under the visitor's cursor — the same interaction pattern a shopper would use to pick their own size.

Condensed, loud type

Archivo Black at poster scale for headlines, paired with Space Mono for anything numeric — SKUs, sizes, drop numbers — as a nod to spec sheets and tags.

ReactTypeScriptCSS Grid

This one was about restraint with a maximalist palette — three saturated colors, used deliberately, instead of one accent doing all the work.

← PreviousRowhouse