۱۹٪ تخفیف
سیستم طراحی الاردشاپ
مینیمال • شیک • دخترونه — کرم به‌عنوان پایه، سبز مریمی ملایم به‌عنوان accent، بدون رنگ تند و بدون شلوغی.
پالت رنگ
کرم — پایه و سطوح
cream-50
#fdfbf7
cream-100
#f8f3ea
cream-200
#f0e8da
cream-300
#e5d9c5
cream-400
#d6c5a9
سبز مریمی — accent ملایم
sage-50
#f2f5ef
sage-100
#e3eadd
sage-300
#b0c3a4
sage-500
#7d9670
sage-600
#66805b
sage-800
#3f513a
متن و حالت‌ها
ink
#3a352f
ink-soft
#6f675d
ink-mute
#9a9186
blush
#ecd3cc
amber-soft
#f6ead4
rose-ink
#a4544a
تایپوگرافی — وزیرمتن
تیتر اصلی ۳۶ — ExtraBold
تیتر بخش ۲۴ — Bold
متن بدنه ۱۶ با فاصلهٔ خطوط ۱٫۸۵ برای خوانایی کامل فارسی.
متن کمکی ۱۴ — رنگ ink-soft
توضیح ۱۲ — رنگ ink-mute (هرگز کوچک‌تر از ۱۱px)
دکمه‌ها، فیلدها و چیپ‌ها
چیپچیپ فعال
کارت محصول
عکس بزرگ ۴:۵ در مرکز توجه • سواچ رنگ قابل کلیک • سایزها • قیمت خوانا • برچسب تخفیف و هشدار کمبود موجودی
جدید
۱۷٪ تخفیفجدید
اصول
- فاصله‌گذاری سخاوتمندانه (مضرب ۴px)، گوشه‌های گرد ۲۰px
- حداکثر یک رنگ accent در هر بخش؛ بدون کنتراست تند
- عکس‌ها بزرگ اما بهینه: AVIF/WebP + lazy-load + sizes ریسپانسیو
- مسیر خرید ۳ مرحله‌ای: محصول ← سبد ← پرداخت؛ بدون اجبار به ثبت‌نام
- Mobile-first: نوار پایین، دکمهٔ خرید چسبان، فیلتر در Bottom Sheet
- متن فارسی با ارقام فارسی، فونت وزیرمتن، line-height بالا