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
پروژه بعدی