اصول
چهار قاعده تکلیف هر پرسش باز در این سیستم را روشن میکند. وقتی جزء و اصل با هم اختلاف دارند، اصل مقدم است.
پیشفرض، آرام
خط مویی و فضا، پیش از کادر و پرکردگی.
یک رنگ تأکید
سبز فقط چیزی را نشان میدهد که مهم است.
دوزبانه از پایه
هر چیدمان باید چرخش راستچین به چپچین را تاب بیاورد.
داده روی صفحه
عدد بیشترین وزن تایپوگرافیک صفحه را میگیرد.
رنگ
شش توکن، دو تم. رنگ هفتمی وجود ندارد؛ هر چه بیشتر لازم دارید ترکیب سبز تأکید با پسزمینه است.
فقط همین پنج ترکیب: ۷، ۱۶، ۳۴، ۶۲ و ۱۰۰ درصد سبز روی پسزمینه.
تایپوگرافی
چهار قلم با وظایف کاملاً جدا. اگر متنی در هیچکدام از نقشهای زیر نمیگنجد، جای آن در صفحه نیست.
پینار — تمام تیترها، وزن لایت و رگولار.
یکانبخ — متن، برچسب رابط، فرم.
اینستروومنت سریف — فقط واژهنشان و اعداد شاخص.
جتبرینز مونو — متادیتا، همیشه چپچین، فاصلهٔ .2em.
فاصله و گردی
گردی تودرتو با گام ۴ کم میشود: کارت ۱۶، فیلد داخلش ۱۲.
شبکه و شکستها
شبکهٔ ۱۲ ستونی درون ظرف ۱۳۶۰ پیکسلی با فاصلهٔ برگرفته از مقیاس. زیر هر شکست، چیدمان ساده میشود، نه کوچک.
سطح و عمق
در این سیستم سایه نداریم. عمق یعنی خط مویی، تینت ۶٪، یا بلور پشت نوار چسبان — و نه چیز دیگر.
آیکونها
آیکون بهتنهایی سبز نمیشود؛ رنگ متنِ کنارش را میگیرد.
اجزا
هر جزء زیر بهصورت زنده نمایش داده شده و پس از آن وضعیتها و قواعدش آمده است. روی نمونهها هاور و فوکوس کنید؛ دقیقاً مثل محیط واقعی رفتار میکنند.
برچسب بالای فیلد، خطا زیر آن و با رنگ تأکید — نه قرمز.
عدد لاتین و با اینستروومنت سریف؛ برچسبش با مونو.
حرکت
حرکت مثل رشد گیاه است: آرام شروع، نرم تمام. هیچ چیز در میدان دید خواننده تکرار نمیشود، جز یک نقطهٔ دانه.
دسترسپذیری
اینها الزاماند، نه توصیه. جزئی که یکی از اینها را رد کند منتشر نمیشود.
کنتراست متن در هر دو تم؛ بالای ۲۴ پیکسل ۳ به ۱.
حداقل ناحیهٔ لمس، حتی برای کنترلهای کوچک.
حلقهٔ ۲ پیکسلی سبز با فاصلهٔ ۳. هرگز حذف نمیشود.
فیلد در موبایل زیر ۱۶ پیکسل نمیرود تا زوم iOS رخ ندهد.
فقط inset-inline و margin-inline، بدون چپ و راست.
وضعیت هرگز فقط با سبز اعلام نمیشود؛ متن یا آیکون همراهش باشد.