مواصفة مكون نظام التصميم

المكون: زر. المتغيرات: رئيسي، ثانوي، شبحي، مدمر. الحالات — افتراضي: تعبئة صلبة؛ تحويم: اغمق 8%؛ تركيز: حد 2 بكسل بازاحة لمستخدمي لوحة المفاتيح؛ نشط: اغمق 12%؛ معطل: شفافية 40% دون مؤشر. الحجم: صغير 32 بكسل، متوسط 40، كبير 48 ارتفاعا، بحشوة افقية 12/16/20 بكسل. التباعد: 8 بكسل حد ادنى بين الازرار المتجاورة؛ وفجوة الايقونة والنص 8 بكسل. الوصولية: النص حقيقي لا صورة، وحلقة التركيز ظاهرة دائما، وهدف اللمس 44 بكسل على الاقل. افعل: زر رئيسي واحد لكل عرض. لا تفعل: الاعتماد على اللون وحده للمتغير المدمر — اضف ايقونة او نصا واضحا.