01
ملموسش کن.
از شیء و عدد و تصمیم و نتیجه بگو. نشان بده چه چیزی عوض شد، نه اینکه چقدر خوب به نظر میرسد.
«۱۲ گزارش ← یک صفحهٔ تصمیم.»
سیستم برند · نسخهٔ ۲.۰ · ۲۰۲۶
شغلم تحلیل است.عادتم ساختن.
سیستمهای بههمریخته را به چیزهایی تبدیل میکنم که کار میکنند — و بعد دقیق نشان میدهم چطور.
آشفتگیسیگنال
یک خط یعنی روش کار: ببین ← ساده کن ← بساز ← توضیح بده.
01
مدرک، نه ادعا.
این هویت باید مثل خودِ کار باشد: برای جلسهٔ مدیران بهاندازهٔ کافی دقیق، برای میز کارگاه بهاندازهٔ کافی کنجکاو.
02
شلوغی را کم کن.
یک قلم، یک زبانِ خطی، یک کنتراست محکم. آنقدر حذف کن تا اصلِ حرف دیده شود.
«ورودی: آشفتگی. خروجی: روش.»
03
جای دست بماند.
دقیق، اما نه بیروح. کمی شوخیِ خشک، روندِ واقعی کار، و گاهی جای پیچی که پیداست.
«با دست ساخته شد؛ با داده چک شد.»
02
یک خط، واقعاً.
این نشان از یک مسیرِ پیوسته ساخته شده؛ قلم از کاغذ بلند نمیشود، خطِ آخر جدا نیست، و هیچ ادعایی نیست که خودِ SVG ثابتش نکند.
جوهر روی کاغذ
کاغذ روی جوهر
حریم نشان
1×1×
ترکیب تأییدشده
Mohsen Zarei
- ارتفاع نشان
- 32px
- فاصله
- 16px
- لوگوتایپ
- Archivo 600 / 0.22em
درست مسیر را پیوسته نگه دار و به نشان فضا بده.
نادرست نشان را از نو نکش، کِش نده، سایه نینداز و تزئینش نکن.
آیکنهای پروژه هم با همان یک خط کشیده میشوند: خطِ پیوسته، سرِ گرد، بدون رنگآمیزی.
هر نشان خودش را میکشد؛ لوگویی که بدون کشیدهشدنِ خطش ظاهر شود، از این هویت بیرون است.
03
یک قلم، چهار نقش.
برای فارسی این قلم وزیرمتن است؛ آرشیوو قلم لاتینِ سیستم میماند. اندازهها به چند نقشِ ساده رسیدهاند که راحت در ذهن میمانند و راحت اجرا میشوند.
نمایشی / ۹۰۰ + ۱۸۰
ساختم. بعد توضیح دادم.
تیتر
نوری که خورشید را دنبال میکند.
لید
یک سیستمِ کارآمد، توضیحی روشن میخواهد.
متن
برای شواهد، زمینه و تصمیمها از جملههای ساده استفاده کن. طول سطر را تا جای ممکن خوانا و کوتاه نگه دار.
برچسب
۰۴ / مطالعهٔ موردی · ۲۰۲۶
| نقش | توکن | اندازه | وزن / فاصله | ارتفاع خط |
|---|---|---|---|---|
| نمایشی | --type-display | clamp(3rem, 9vw, 8rem) | 900 / 200 | .88 |
| تیتر | --type-heading | clamp(2rem, 4vw, 4rem) | 800 | .98 |
| لید | --type-lead | 1.25–1.65rem | 500 | 1.35 |
| متن | --type-body | 1–1.125rem | 400 | 1.62 |
| برچسب | --type-label | .78rem | 600 | 1.3 |
04
قابِ آرام، دادهٔ گویا.
رنگِ برند و رنگِ کاربردی دو لایهٔ جدا هستند؛ هر رنگ کاربردی همیشه با یک واژه یا نشانه همراه است.
کاغذ
#FFFFFFسطحجوهر
#000000اصلی / معکوسمتن
#2B2B2Bمتن بلندکمرنگ
#5F5F5Fبرچسبهای ثانویهلایهٔ کاربردی
وضعیت باید معنا داشته باشد.
هر رنگ وضعیت باید با یک واژه یا نشانه همراه باشد. رنگ نباید تنها راه انتقال پیام باشد.
✓
آماده--status-ready · #2FBF71
!
نیازمند توجه--status-attention · #F4C430
×
مسدود--status-blocked · #E5484D
→
در حال انجام--status-progress · #FF7A2E
…
در انتظار--status-pending · #F6B24C
05
یک نفر، با دو دما.
صدا یکی است: اولشخص، ملموس، کوتاه و راست. موقعیت فقط گرمای حرف را عوض میکند، نه خودِ آدم را.
منتشرشده / رسمیتر
اول مدرک را نشان بده.
«از تخریب تا پایان: یک اتاق، شش آخرهفته، همهٔ برشها کار خودم.»
اجتماعی / صمیمیتر
اول آدم را نشان بده.
«شنبه لحیمش کردم. یکشنبه راه افتاد. اول بگویم کجایش خراب شد.»
همیشه
- اسمهای ملموس و عددهای واقعی
- اولشخص و فعلهای معلوم
- یک نکتهٔ مفید در هر بند
- شوخی خشک با موقعیت، نه آدمها
- نتیجه یا گام بعدی روشن
هرگز
- هیجانسازی بدون مدرک
- زنجیرهای از واژههای مُد روز
- شوخی با آدمها
- دیوار ایموجی و هشتگ
- ادعای قرضی یا قطعیت دروغین
آزمون چهارخطی
- 01واقعی و متعلق به من است؟
- 02میتوانم مدرکش را نشان بدهم؟
- 03میتوانم یکسومش را حذف کنم؟
- 04آن را با صدای بلند میگویم؟
06
قواعدی که میشود با آنها ساخت.
سیستم وقتی سیستم است که توکنها به کامپوننت برسند و هر کامپوننت حالتهایش را روشن کرده باشد.
کنشها
تعامل باید روشن باشد.
برچسبها
کوچک و کاربردی.
Power BIESP32ساختهشده در ۲۰۲۶
کارت پروژه01
خانهٔ سخنگو
نور، دما و پردههایی که محلی پاسخ میدهند؛ با ESP32 و Raspberry Pi و بدون فضای ابری.
کارت شاخص
۱۲ ← ۱
دوازده گزارش در یک نمای تصمیمگیری ادغام شدند.
07 / انتشار
یک منبع برای همهٔ سطحها.
قبل از انتشار، پیام و توکنها و حالتها و مدرک را چک کن — نه فقط اسکرینشات را.
- 01صداادعا ملموس، اولشخص و واقعی است؟
- 02تصویرتوکنها، فاصلهها و کاربرد نشان یکدستاند؟
- 03دسترسیهمهٔ حالتها بدون اتکا به رنگ خوانده میشوند؟
- 04مدرککار میتواند مدرکش را نشان بدهد؟