راهنمای برند کوییزینو

هویت بصری کوییزینو

زبان بصری کوییزینو بر پایهٔ سبک ماز ساخته شده است؛ آبی مدرن، کارت‌های سفید، گوشه‌های گرد و طراحی مینیمال و تمیز. این راهنما پالت رنگ، اجزا و اصول طراحی برند را توضیح می‌دهد.

فلسفهٔ طراحی

چرا سبک ماز؟

طراحی تمیز و مدرن، حواس کاربر را از محتوا پرت نمی‌کند. آبی مطمئن و آرام، کارت‌های سفید با سایهٔ محو، و فاصله‌گذاری منظم، رابطی می‌سازد که تمرکز را روی آزمون و نتیجه نگه می‌دارد.

۱. سادگی

هر عنصر فقط وقتی هست که کاری انجام دهد؛ بدون تزئین اضافه.

۲. خوانایی

متن فارسی واضح، با کنتراست بالا و فاصلهٔ کافی؛ راحت‌خوان.

۳. یکدستی

همان رنگ، همان گردی و همان فاصله در تمام صفحه‌ها؛ نظم بصری.

پالت رنگ

رنگ‌های کوییزینو

پالت آبی مدرن با خاکستری‌های خنثی و رنگ‌های وضعیت.

#055AFF

آبی مز

Maz Blue
رنگ اصلی برند

رنگ اصلی و امضای بصری کوییزینو؛ در دکمه‌های اصلی، لینک‌ها، آیکون‌ها و عناصر کلیدی استفاده می‌شود.

#0048CC

آبی فشرده

Maz Blue 600
حالت فشرده

حالت تیره‌تر آبی برای هاور دکمه‌ها و گرادیان‌ها؛ به عناصر عمق و وقار می‌بخشد.

#003699

آبی عمیق

Maz Blue 700
متن تأکیدی

برای متن‌های تأکیدی، نشان‌های فعال و متن روی پس‌زمینهٔ آبی روشن.

#8FBDFF

آبی روشن

Maz Blue 20
حالت ملایم

برای حاشیه‌ها، آیکون‌های ملایم و گرادیان نوار پیشرفت.

#C3DEFF

آبی بسیار روشن

Maz Blue 10
حاشیهٔ تأکید

حاشیهٔ ملایم عناصر فعال و کارت‌های برجسته.

#E1F2FF

آبی کمرنگ

Maz Blue 4
پس‌زمینهٔ ملایم

پس‌زمینهٔ آیتم فعال سایدبار، آیکون‌ها و کارت‌های اطلاعاتی.

#FFFFFF

سفید

Surface
کارت و سطح

پس‌زمینهٔ کارت‌ها، سایدبار و مودال‌ها؛ فضای تمیز و خوانا می‌سازد.

#F4F6F8

خاکستری روشن

Page
پس‌زمینهٔ صفحه

پس‌زمینهٔ کلی صفحه؛ کارت‌های سفید را برجسته می‌کند.

#F1F1F2

خط

Line
خطوط و مرزها

حاشیهٔ بسیار روشن کارت‌ها و جداکننده‌ها؛ لایه‌بندی نرم بدون شلوغی.

#0F172A

سرمه‌ای متن

Ink
متن اصلی

رنگ متن اصلی و فوتر تیره؛ خوانایی بالا و حس رسمی و مدرن.

#4B5563

خاکستری متن

Ink Soft
متن ثانویه

متن‌های ثانویه، توضیحات و برچسب‌ها.

#30D158

سبز موفقیت

Success
وضعیت موفق

برای برچسب‌های «پرداخت‌شده»، «فعال» و وضعیت‌های مثبت.

#FF3C1E

قرمز خطا

Error
وضعیت خطا

برای خطاها، حذف و هشدارهای بحرانی.

#EFBF04

کهربایی هشدار

Warning
هشدار

برای هشدارها، «در انتظار» و وضعیت‌های نیازمند توجه.

ترکیب رنگ

چگونه رنگ‌ها در کنار هم می‌نشینند

ترکیب‌های استاندارد برند که در تمام صفحات رعایت می‌شود.

گرادیان اصلی

آبی → آبی فشرده

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

گرادیان روشن

آبی روشن → آبی

نوار پیشرفت، نشان‌ها و عناصر تزئینی سبک.

تیرهٔ سرمه‌ای

سرمه‌ای → تیره

فوتر و بخش‌های تیره. حس رسمی و آرام.

نسبت استفاده

توازن ۷۰-۲۰-۱۰ که چشم را آرام نگه می‌دارد.

۷۰٪ خنثی (فضا)
۲۰٪ آبی (هویت)
۱۰٪ تأکید
اجزای بصری

عناصر پایهٔ طراحی

کارت

Card

بلوک اصلی رابط؛ پس‌زمینهٔ سفید، گوشهٔ گرد ۱۶px، حاشیهٔ بسیار روشن و سایهٔ نرم. همهٔ محتوا در کارت‌ها می‌نشیند.

خط نرم

Soft Line

جداکننده‌های بسیار روشن (#F1F1F2) به‌جای خطوط پررنگ؛ ساختار را نشان می‌دهد بدون شلوغی.

سایهٔ محو

Soft Shadow

سایهٔ بسیار ملایم و دولایه زیر کارت‌ها؛ عمق ظریف بدون سنگینی.

گوشهٔ گرد

Rounded

شعاع گردی یکدست: ۸px برای کنترل‌ها، ۱۲px برای دکمه‌ها، ۱۶px برای کارت‌ها و ۲۰px برای مودال‌ها.

لوگو

نشان کوییزینو

نشان مدرن کوییزینو؛ تمیز، خوانا و هم‌راستا با زبان بصری برند.

کوییزینو
کوییزینوQUIZINO
کوییزینو
کوییزینوQUIZINO

نسخهٔ روشن (پس‌زمینهٔ سفید) و نسخهٔ تیره (پس‌زمینهٔ سرمه‌ای) — نشان در هر دو حالت خوانا و یکدست می‌ماند.

تایپوگرافی

فونت‌ها

وزیرمتن Vazirmatn

متن اصلی
آزمون آنلاین کوییزینو

فونت متن‌باز و خوانا، طراحی‌شده برای فارسی؛ پایهٔ تمام متن‌های رابط.

وزیرمتن بولد Vazirmatn Bold

تیتر و تأکید
آزمون آنلاین کوییزینو

برای عنوان‌ها، اعداد آماری و دکمه‌ها؛ سلسله‌مراتب بصری واضح می‌سازد.

هویت بصری کوییزینو، با سبک ماز

آبی مدرن، کارت سفید و طراحی تمیز — زبان بصری مشترک ما در تمام صفحات.