|

Shid Wear

2026

Branding · UI/UX · Frontend Development

Next.js · React · Framer Motion

View Website
Shid Wear — mobile cover

Overview

Shid is a contemporary streetwear brand with a strong visual identity rooted in dark tones, oversized silhouettes, and urban photography. The project required an e-commerce platform that felt as considered as the clothing itself — fast, cinematic, and effortless to navigate. We developed the full brand identity alongside the digital product: logo system, color palette, and typographic language. The storefront was built in Next.js with Framer Motion powering the page transitions and product reveal animations. The result is a shopping experience that mirrors the brand's aesthetic — dark, intentional, and product-forward.

Color System

A monochromatic foundation — seven steps from absolute black to white — anchored by three accent colors used only with full intent.

Void

#080808

Pitch

#161616

Graphite

#2E2E2E

Ash

#666666

Silver

#AAAAAA

Bone

#E5E5E5

White

#FFFFFF

Accent — Use with intent

Typography

Five type steps — each carrying a specific weight of meaning. From 96px display headlines down to 11px product labels.

Shid Wear

Display

96px / Black

Drop 01

H1

52px / Bold

Oversized Series

H2

30px / Bold

Built for how the city actually moves.

Body

14px / Regular

LIMITED RELEASE · SS26

Label

10px / Medium

Brand Voice

Six words that form the editorial backbone of every piece of writing. The brand speaks in short, certain sentences. No warmth for warmth's sake.

  • Dark
  • Cinematic
  • Intentional
  • Product-Forward
  • Urban
  • Bold

Spacing System

A fixed rhythm of eight values. Every element sits at a deliberate distance — nothing arbitrary, nothing accidental.

44px
88px
1616px
2424px
3232px
4848px
6464px
100100px

Next project

Araye Design