فاصله
فاصله
دو مقیاس و یک قاعده. یک شکل هرگز یک طول را نمی‌نویسد: بلکه یک گام را طی می‌کند، که باعث می‌شود دو مؤلفه‌ای که یک سال فاصله دارند، دو پیکسل از ریتم خارج نشوند.
پله‌های فاصله‌گذاری
نه گام، از یک خط باریک تا حاشیه صفحه. فضای خالی، فاصله‌ها و حاشیه‌ها همه از اینجا می‌آیند — یک مقدار بین دو گام، مقداری است که هنوز تصمیم‌گیری نشده است.
--space-1
--space-2
--space-3
--space-4
--space-5
--space-6
--space-7
--space-8
--space-9
اندازه‌ها
عرض‌ها و ارتفاع‌هایی که به یک منطقه داده می‌شود: یک ستون، یک پنل، یک اندازه‌گیری خواندن. بزرگتر از یک گام فاصله و برای همان دلیل استفاده می‌شود.
--size-1
--size-2
--size-3
--size-4
--size-5
--size-6
چگالی
فشردگی متعلق به یک منطقه است و نه به یک ویجت. یک نوار که فشرده اعلام شده، آنچه را که در خود دارد نیز فشرده می‌کند، زیرا توکن‌هایی که آن را حمل می‌کنند، ارث می‌برند — هیچ مؤلفه‌ای در زیر گفته نمی‌شود که کجا قرار دارد.
یک نوار ابزار با چگالی خود و دکمه‌هایی که در آن دارد
همان نوار ابزار که فشرده اعلام شده — هیچ چیزی درباره دکمه‌ها گفته نشده است
یک منطقه که فشرده اعلام شده بدون اینکه شکل خود را داشته باشد