Developer handoff reference
Design Specification — Magieto
مرجع مستقل از ابزار برای tokenها، typography، component variantها و رفتار responsive. همه نمونهها در همین پروتوتایپ قابل مشاهده و آزمون هستند.
رنگهای اصلی
Berry Ink
#2D2026Blush Canvas
#FCF8F8Magenta 700
#C2185BRose 100
#FAD7E5Lavender 500
#9B5DB0Danger
#A33131تایپوگرافی
Display / 48انتخاب آگاهانه زیبایی
Heading / 32
محصول مناسب را پیدا کنید
Body / 16
اطلاعات محصول باید دقیق، قابلمقایسه و بدون ادعای مبهم باشد.
کامپوننتها و Variantها
ButtonPrimary · Secondary · Text · DangerSmall / Medium / Large × Default / Hover / Focus / Disabled / Loading
InputText · Search · Phone · OTP · Select · CouponDefault / Focus / Filled / Error / Success / Disabled
Hero CarouselSkincare · Sun care · MakeupDesktop / Tablet / Mobile × Default / Hover paused / Focus
Product CardGrid · Horizontal · CompactDefault / Hover / Saved / Out of stock / Loading
FeedbackToast · Alert · Empty · Error · SuccessInline / Page / Modal
مسیر Prototype
خانه / اسلاید ۱اسلاید ۲ و ۳فهرست + فیلترمحصولسبدنشانیارسال و پرداختتأییدموفق / ناموفق
فهرست همه screenها و stateها در نقشه پروتوتایپ و سند docs/09-developer-handoff.md قرار دارد.