Hood Manifesto
Overview
هود مانیفستو یک برند مستقل مد از تهران است؛ پروژه‌ای که بر این ایده بنا شده که پوشاک می‌تواند یک مکان و یک زمان را مستند کند. ریشه در هویت، انضباط و فرهنگ خیابانی، برند لباس‌های سنجیده‌ای می‌آفریند که فراتر از ترندها هستند. نقش ما ساخت خانه دیجیتال این چشم‌انداز بود: یک پلتفرم تجارت الکترونیک که با صدای ادیتوریال برند همخوانی دارد بدون کوتاه آمدن در عملکرد. ساخته‌شده با Next.js، TypeScript و Tailwind CSS، سایت شامل یک فروشگاه کاملاً سفارشی است: صفحات محصول، کلکسیون‌ها و فرآیند خرید که به اندازه خود لباس‌ها سنجیده طراحی شده‌اند. نتیجه یک حضور آنلاین سریع و پالوده است که وزن فرهنگ برند را حمل می‌کند.
Color System
A monochromatic foundation, seven steps from absolute black to white, anchored by three accent colors used only with full intent.
Absolute Black
#0A0A0A
Coal
#1A1A1A
Iron
#3A3A3A
Concrete
#777777
Fog
#D8D8D8
Paper
#F5F5F2
White
#FFFFFF
Accent: Use with intent
Signal Red
#A12424
Military Olive
#5D6651
Archive Blue
#53606D
Typography
Five type steps, each carrying a specific weight of meaning. From 96px display headlines down to 11px product labels.
Display
96px / Black
H1
48px / Black
H2
32px / Bold
Body
15px / Regular
Label
11px / 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.
- Deliberate
- Restrained
- Precise
- Confident
- Honest
- Understated
Spacing System
A fixed rhythm of eight values. Every element sits at a deliberate distance, nothing arbitrary, nothing accidental.
Campaign & Product
Product photography and campaign imagery, portraits shot with the same restraint the garments are designed with.
Website
A storefront designed to carry the brand's editorial voice through every page. Product listings, collection pages, and a checkout flow built to feel considered.
UI Detail: Sticky Header
The header adapts to context. At the top it reads against dark, white type, black field. As the user scrolls into content, it transitions to a light surface. One element, two states, zero friction.
State 01 · At top · Dark
State 02 · Scrolled · Light
Collections
Campaign films
Two campaign films shot for Hood Manifesto, each collection documented with a distinct visual tone that carries the brand's restraint from garment to screen.
Collection: 1968
Collection: Al-Waght
Feature: Product Detail System
Two tools that answer the buyer's questions
Every product page carries a persistent sidebar that surfaces the essential details: fabric, fit notes, and care instructions, without the buyer needing to scroll or leave the page. Alongside this, an inline size guide expands in place with EU, UK, US, and centimetre conversions and a how-to-measure diagram. Both are designed to remove friction at the exact moment of decision: present when needed, out of the way when not.
Product detail sidebar — 492 × 896px
Inline size guide — 846 × 616px
پروژه بعدی