زبان بصری کوییزینو بر پایهٔ سبک ماز ساخته شده است؛ آبی مدرن، کارتهای سفید، گوشههای گرد و طراحی مینیمال و تمیز. این راهنما پالت رنگ، اجزا و اصول طراحی برند را توضیح میدهد.
طراحی تمیز و مدرن، حواس کاربر را از محتوا پرت نمیکند. آبی مطمئن و آرام، کارتهای سفید با سایهٔ محو، و فاصلهگذاری منظم، رابطی میسازد که تمرکز را روی آزمون و نتیجه نگه میدارد.
هر عنصر فقط وقتی هست که کاری انجام دهد؛ بدون تزئین اضافه.
متن فارسی واضح، با کنتراست بالا و فاصلهٔ کافی؛ راحتخوان.
همان رنگ، همان گردی و همان فاصله در تمام صفحهها؛ نظم بصری.
پالت آبی مدرن با خاکستریهای خنثی و رنگهای وضعیت.
#055AFF
رنگ اصلی و امضای بصری کوییزینو؛ در دکمههای اصلی، لینکها، آیکونها و عناصر کلیدی استفاده میشود.
#0048CC
حالت تیرهتر آبی برای هاور دکمهها و گرادیانها؛ به عناصر عمق و وقار میبخشد.
#003699
برای متنهای تأکیدی، نشانهای فعال و متن روی پسزمینهٔ آبی روشن.
#8FBDFF
برای حاشیهها، آیکونهای ملایم و گرادیان نوار پیشرفت.
#C3DEFF
حاشیهٔ ملایم عناصر فعال و کارتهای برجسته.
#E1F2FF
پسزمینهٔ آیتم فعال سایدبار، آیکونها و کارتهای اطلاعاتی.
#FFFFFF
پسزمینهٔ کارتها، سایدبار و مودالها؛ فضای تمیز و خوانا میسازد.
#F4F6F8
پسزمینهٔ کلی صفحه؛ کارتهای سفید را برجسته میکند.
#F1F1F2
حاشیهٔ بسیار روشن کارتها و جداکنندهها؛ لایهبندی نرم بدون شلوغی.
#0F172A
رنگ متن اصلی و فوتر تیره؛ خوانایی بالا و حس رسمی و مدرن.
#4B5563
متنهای ثانویه، توضیحات و برچسبها.
#30D158
برای برچسبهای «پرداختشده»، «فعال» و وضعیتهای مثبت.
#FF3C1E
برای خطاها، حذف و هشدارهای بحرانی.
#EFBF04
برای هشدارها، «در انتظار» و وضعیتهای نیازمند توجه.
ترکیبهای استاندارد برند که در تمام صفحات رعایت میشود.
توازن ۷۰-۲۰-۱۰ که چشم را آرام نگه میدارد.
بلوک اصلی رابط؛ پسزمینهٔ سفید، گوشهٔ گرد ۱۶px، حاشیهٔ بسیار روشن و سایهٔ نرم. همهٔ محتوا در کارتها مینشیند.
جداکنندههای بسیار روشن (#F1F1F2) بهجای خطوط پررنگ؛ ساختار را نشان میدهد بدون شلوغی.
سایهٔ بسیار ملایم و دولایه زیر کارتها؛ عمق ظریف بدون سنگینی.
شعاع گردی یکدست: ۸px برای کنترلها، ۱۲px برای دکمهها، ۱۶px برای کارتها و ۲۰px برای مودالها.
نشان مدرن کوییزینو؛ تمیز، خوانا و همراستا با زبان بصری برند.
نسخهٔ روشن (پسزمینهٔ سفید) و نسخهٔ تیره (پسزمینهٔ سرمهای) — نشان در هر دو حالت خوانا و یکدست میماند.
فونت متنباز و خوانا، طراحیشده برای فارسی؛ پایهٔ تمام متنهای رابط.
برای عنوانها، اعداد آماری و دکمهها؛ سلسلهمراتب بصری واضح میسازد.
آبی مدرن، کارت سفید و طراحی تمیز — زبان بصری مشترک ما در تمام صفحات.