خانه وکلاLAWYERS CLUB & LEGAL CAFÉ
خانه وکلاباشگاه تخصصی و کافه وکلا
راهنمای سبک
مرجع طراحی

سیستم طراحی
خانه وکلا

رنگ، فونت، فاصله‌گذاری و کامپوننت‌های پایه — تا هر صفحهٔ جدید با همان هویت بصری ساخته شود.

۰۱ · رنگ

پالت رسمی برند

سرمه‌ای برای اعتماد و اقتدار حرفه‌ای، طلایی برای تأکید و CTA، خاکستری روشن برای فضای تنفس.

سرمه‌ای (Navy) — رنگ اصلی برند

navy-950

#060F1D

navy-900 (اصلی)

#0B1F3A

navy-800

#16294A

navy-700

#1F3560

طلایی (Gold) — رنگ تأکید و CTA

gold-500 (اصلی)

#C9A227

gold-400

#D3B14A

gold-300

#E2C87A

gold-100

#F6EACA

خاکستری روشن و خنثی‌ها

ivory (پس‌زمینه)

#F5F6F8

cream

#FBF6EF

coffee-500

#7B4B2A

coffee-100

#F1E4D6

۰۲ · تایپوگرافی

فونت وزیرمتن (Vazirmatn)

فونت اصلی و تنها فونت سایت — فارسی، خوانا، با پشتیبانی کامل از اعداد فارسی و راست‌چین.

عنوان بزرگ نمایشی — display-title

تیتر سطح دو — H2 / text-3xl font-black

تیتر سطح سه — H3 / text-xl font-black

متن پاراگراف استاندارد با کلاس body-copy؛ برای خوانایی بهتر متن فارسی، ارتفاع خط ۲ برابر و رنگ خاکستری میانه انتخاب شده است. اندازهٔ پایهٔ فونت هرگز کمتر از ۱۴px نیست تا در موبایل خوانا بماند.

برچسب Eyebrow کوچک
۰۳ · لوگو

نماد و فضای امن

نماد ترکیبی خانه (سقف) + ترازوی عدالت + اشارهٔ ظریف به بخار قهوه؛ همیشه با حداقل فاصلهٔ خالی معادل یک‌چهارم عرض نماد از عناصر اطراف استفاده شود.

۰۵ · نشان‌ها

Badge

محبوب‌ترینرایگان برای اعضاظرفیت بازظرفیت محدودتکمیل‌شده
۰۶ · کارت‌ها

Card

کارت روشن

برای محتوای عمومی روی زمینهٔ روشن.

کارت تیره

برای بخش‌های تأکیدی روی زمینهٔ سرمه‌ای.

کارت با حاشیهٔ طلایی

برای پلن پیشنهادی یا مورد محبوب.

۰۷ · پیام‌ها

Alert

۰۸ · فرم

Input / Textarea

فقط برای هماهنگی تماس گرفته می‌شود.

این مقدار معتبر نیست.

۰۹ · مدال

Modal

بسته‌شدن با کلید Esc، قفل اسکرول پس‌زمینه و فوکوس خودکار — مطابق اصول دسترس‌پذیری.

۱۰ · حالت تاریک

Dark Mode