Clicky

راهنمای سایت ساز وبزی

تنظیم پالت رنگی

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

نحوه دسترسی به پالت رنگی

به پنل مدیریت مراجعه کنید.

به ویرایش قالب مراجعه کنید.

بر روی دکمه پالت هاکلیک کنید.

ساختار پالت رنگی وبزی (ستون‌ها از چپ به راست)

پنجره پالت رنگی، از ۵ ستون اصلی تشکیل شده است. هر ستون وظیفه رنگ‌دهی به بخش‌های خاصی از سایت را بر عهده دارد. با تغییر رنگ اصلی هر ستون ، سیستم به طور خودکار طیف‌های تیره و روشن آن رنگ را تولید می‌کند.

ستون ۱: رنگ تأکیدی (Accent Color)

  • کاربرد: این ستون برای رنگ‌هایی استفاده می‌شود که باید بیشترین جلب توجه را داشته باشند.

  • جایگاه در سایت: نشان‌ها، دکمه‌های حراج، سبد خرید، یا المان‌هایی که می‌خواهید با رنگ اصلی سایت تضاد (کنتراست) داشته باشند.

  • پیشنهاد تنظیم: معمولاً یک رنگ گرم (مثل نارنجی، قرمز یا زرد) یا رنگی کاملاً متمایز از رنگ برند در این بخش قرار می‌گیرد.

ستون ۲: رنگ اصلی برند (Primary Color)

  • کاربرد: این ستون هویت بصری اصلی سایت شما را تشکیل می‌دهد.

  • جایگاه در سایت: دکمه‌های اصلی (Call to Action)، لینک‌های متنی، آیکون‌های اصلی و هاور (Hover) منوها.

  • پیشنهاد تنظیم: رنگ سازمانی اصلی لوگوی خود را در قسمت پایین این ستون وارد کنید.

ستون ۳: رنگ مکمل یا تیره (Secondary / Dark Backgrounds)

  • کاربرد: رنگی که به عنوان مکمل رنگ اصلی استفاده می‌شود و برای ایجاد عمق در طراحی کاربرد دارد.

  • جایگاه در سایت: پس‌زمینه هدر، پس‌زمینه فوتر، و سکشن‌های تیره سایت.

  • پیشنهاد تنظیم: از یک رنگ هم‌خانواده با رنگ اصلی اما بسیار تیره‌تر، یا یک رنگ خنثای تیره (مثل سرمه‌ای تیره یا دودی) استفاده کنید.

ستون ۴: رنگ متن و طیف‌های خنثای تیره (Text / Neutral Dark)

  • کاربرد: تضمین خوانایی متون سایت و ایجاد سایه‌ها.

  • جایگاه در سایت: رنگ اصلی متون بدنه (Body Text)، تیترها، خطوط جداکننده (Dividers) و حاشیه‌ها.

  • پیشنهاد تنظیم: از مشکی مطلق (#000000) استفاده نکنید؛ زیرا چشم را خسته می‌کند. رنگ‌های خاکستری بسیار تیره یا گرافیت (مثل #1A1D20) بهترین انتخاب برای پایین این ستون هستند. سیستم، طیف‌های خاکستری روشن‌تر را خودکار می‌سازد.

ستون ۵: رنگ پس‌زمینه و خنثای روشن (Background / Neutral Light)

  • کاربرد: رنگ قالب و پایه صفحات سایت.

  • جایگاه در سایت: پس‌زمینه اصلی کل سایت، پس‌زمینه کارت‌های محصول یا مقالات.

  • پیشنهاد تنظیم: رنگ سفید (#FFFFFF) یا تناژ رنگی سفید (مثل #F8F9FA).

 

نحوه تغییر و شخصی‌سازی رنگ‌ها

  • تغییر دستی: برای تغییر رنگ هر ستون، روی  همان ستون کلیک کنید. می‌توانید رنگ مورد نظر را از روی پالت انتخاب کنید یا کد رنگ (Hex Code) مدنظرتان را در کادر مربوطه تایپ کنید.

  • انتخاب پالت‌های آماده: از قسمت «انتخاب پالت رنگ جدید»، مجموعه‌ای از پالت‌های هماهنگ و استاندارد پیشنهاد می‌شود که با یک کلیک روی کل سایت اعمال می‌شوند.

نکات طلایی برای انتخاب پالت رنگ

  • همواره به کنتراست (تضاد) بین ستون ۴ (متن) و ستون ۵ (پس‌زمینه) دقت کنید تا متون سایت به راحتی قابل خواندن باشند.

  • تغییر رنگ‌ها در این بخش، ساختار رنگی کل سایت را تغییر می‌دهد. اگر می‌خواهید رنگ یک دکمه خاص را بدون تغییر تم کلی عوض کنید، باید از طریق تنظیمات سفارشی‌سازی همان دکمه در صفحه اقدام کنید.

نیاز به راهنمایی دارید؟

در صورتی که نیاز به راهنمایی بیشتری دارید، می‌توانید با کارشناسان ما در واحد پشتیبانی در ارتباط باشید.

تماس با ما