آزمایشگاه رابط کاربریAYURA / DESIGN SYSTEM
نسخهٔ پایهیک ریشه، تجربههای هماهنگ
طراحی برای
زندگی در تعادل.
زبان بصری آیورا؛ برگرفته از طبیعت، ساختهشده برای خوانایی و آرامش. مبنای مشترک تمام تجربههای آینده.
۰۱مبانی یکپارچه
۰۲اجزای قابل استفادهٔ مجدد
۰۳الگوهای مشترک
رنگهایی از طبیعت
رنگهای معنایی مشترک؛ یک زبان بصری برای تمام تجربهها.
01 / Colorزیتونی آیورا
#526B3F--color-brandعاجی گرم
#F8F7F2--color-canvasسطح کارت
#FFFEFA--color-surfaceمتن اصلی
#253427--color-inkمتن ثانویه
#616B63--color-mutedمرز سطوح
#DADDD1--color-borderموفقیت و تأییداطلاعاتخطا و هشدارمعنا همیشه با متن همراه است، نه فقط رنگ.
سه دوشا، سه هویت
رنگ، نام و مقدار در کنار هم؛ رنگ روشن برای سطح و رنگ تیره برای متن.
02 / Doshaهوا و فضا
واتا Vata
--color-vataواتا۴۵٪
آتش و آب
پیتا Pitta
--color-pittaپیتا۳۵٪
آب و خاک
کافا Kapha
--color-kaphaکافا۲۰٪
تایپوگرافی آرام و خوانا
03 / TypographyDisplay / 32–52زندگی در تعادل
Heading / 24قدمهای کوچک، حال بهتر
Title / 18فضایی برای شناخت بیشتر خودت
Body / 16تعادل، انتخابی آگاهانه در زندگی روزمره است.
Caption / 12آخرین بهروزرسانی · ۲۵ شهریور ۱۴۰۵وزیرمتن · وزنهای ۴۰۰، ۵۰۰ و ۷۰۰ · میزبانی محلی · ارتفاع خط متن ۱٫۸۵
فاصله، سطح و شکل
04 / Space & Surfaceریتم فاصلهگذاری
4pxspace-18pxspace-212pxspace-316pxspace-424pxspace-632pxspace-848pxspace-1264pxspace-16شعاعهای مشترک
sm8md16lg24xl32pill∞ارتفاع سطوح
ملایمکارت
Canvas ثابت اپلیکیشن
رابط محصول و آزمایشگاه طراحی همیشه تجربهٔ موبایل باقی میمانند.
05 / Application Canvas۳۲۰ pxگوشی باریک
canvas تا عرض viewport کوچک میشود.
۳۷۵–۳۹۰ pxعرض مرجع
canvas با حداکثر ۳۹۰ پیکسل و gutterهای موبایل نمایش داده میشود.
۷۶۸+ pxنمایشگر عریض
canvas محصول و آزمایشگاه ۳۹۰ پیکسل و در مرکز viewport میمانند.
پیش از ساخت صفحات محصول
رنگهای نهایی، ترتیب ناوبری، نشان برند و رفتار دسکتاپ نیازمند تأیید هستند. این نسخه صرفاً سیستم طراحی است.