کامپوننت‌ها
محصولات یکی هستیم را با همین کامپوننت‌ها می‌سازیم و صفحه هر کدام همه گونه‌ها و حالت‌هایش را کنار هم نشان می‌دهد.
چیدمان
این کامپوننت‌ها جای هر چیز در صفحه و فاصله‌اش را با چیزهای کنارش تعیین می‌کنند.
باکس
پس‌زمینه، پدینگ، گوشه و سطح هر سرفیس را تعیین می‌کند.
استک
فرزندانش را با گپی یکسان زیر هم می‌چیند.
اینلاین
فرزندانش را کنار هم می‌چیند و جهتش را از صفحه می‌گیرد.
گرید
صفحه و فهرست کارت‌ها را ستون‌بندی می‌کند.
کانتینر
پهنای محتوا را محدود می‌کند و آن را وسط صفحه می‌نشاند.
جداکننده
با خط مو دو گروه از محتوا را از هم جدا می‌کند.
تایپوگرافی
هر متنی که کاربر می‌خواند یا صفحه‌خوان برایش می‌خواند، با یکی از این کامپوننت‌ها نوشته می‌شود.
متن
هر نوشته رابط را با یک نقش تایپوگرافی و یک تون می‌نویسد.
عنوان
تیتر هر بخش را می‌نویسد و اندازه‌اش را فقط از نقش تایپوگرافی‌اش می‌گیرد.
لینک
کاربر را به صفحه یا جای دیگری می‌برد.
پنهان از دید
متنی را برای صفحه‌خوان می‌گذارد که روی صفحه دیده نمی‌شود.
دکمه‌ها
هر کاری در صفحه، از ثبت یک فرم تا بستن یک مدال، با یک دکمه شروع می‌شود.
دکمه
کاری را در همین صفحه انجام می‌دهد و برچسبش آن کار را می‌گوید.
دکمه آیکون‌دار
کاری را با یک آیکون انجام می‌دهد و صفحه‌خوان نامش را می‌خواند.
کادرهای متن
هر جا کاربر باید چیزی بنویسد یا دنبال چیزی بگردد و از میان نتیجه‌ها یکی را بردارد، این کامپوننت‌ها را می‌گذاریم.
کادر متن
یک خط نوشته از کاربر می‌گیرد و خطا را زیر خودش می‌گوید.
کادر جست‌وجو
با فشردن، خودش بزرگ می‌شود و نتیجه‌ها زیرش می‌آیند.
فهرست
گزینه‌هایی را که با کلیدهای جهت مرور و با Enter انتخاب می‌شوند، گروه‌بندی‌شده نشان می‌دهد.
بازخورد
این کامپوننت‌ها به کاربر می‌گویند چه شد، هر چیز در چه وضعی است و کار تا کجا پیش رفته است.
هشدار
سر جای خودش می‌گوید چه شد و حالا چه می‌شود کرد.
اعلان
نتیجه یک کار را در یک جمله کوتاه پایین صفحه می‌گوید و خودش می‌رود.
نشان
وضعیت یا تعداد چیزی را در یک یا دو کلمه می‌گوید.
نوار پیشرفت
می‌گوید کار تا کجا پیش رفته و چقدر مانده است.
سنجه
مقداری را در بازه‌ای معلوم نشان می‌دهد، مثل مبلغ جمع‌شده.
حالت خالی
می‌گوید فهرستی چیزی برای نشان دادن ندارد، چرا، و قدم بعدی چیست.
نمایش
کمپین‌ها، عکس‌ها، چهره همراهان، عددها و لوگوی مؤسسه را با این کامپوننت‌ها نشان می‌دهیم.
کارت
یک کمپین یا گزارش را با تصویر و متنش در یک قاب جمع می‌کند.
چیپ
یک کار کوچک و فوری را در ردیفی از گزینه‌ها پیشنهاد می‌دهد، مثل یک جست‌وجوی پرتکرار.
آواتار
عکس یک آدم یا نهاد را نشان می‌دهد، یا حرف‌های اول نامش را.
تصویر
جای تصویر را پیش از رسیدنش نگه می‌دارد تا صفحه جابه‌جا نشود.
لوگو
لوگوی یکی هستیم را روی هر زمینه‌ای خوانا می‌نشاند.
آمار
یک عدد و آنچه می‌شمارد، مثل داوطلبان یک سال یا خانه‌های یک فصل.
پنجره‌ها
پرداخت و هر کار دیگری که تمرکز کامل می‌خواهد، در پنجره‌ای روی همان صفحه انجام می‌شود.
مدال
روی صفحه باز می‌شود تا کاربر یک کار را بی‌حواس‌پرتی تمام کند.
لایت‌باکس
عکس را از جای خودش تا همه صفحه بزرگ می‌کند.
روایت
داستان مؤسسه را با عکس‌ها، چهره همراهان و سال‌هایی که گذشته، با این کامپوننت‌ها روایت می‌کنیم.
اسلایدر
چند تصویر پهن که یکی‌یکی و خودکار عوض می‌شوند، با داکی از تصویرهای کوچک که زیر موس بزرگ می‌شوند، مثل صفحه اول سایت.
ابر عکس
عکس‌های گرد بسیاری دور یک عنوان، تصویری از جمع، مثل بخش «ما یکی هستیم».
خط زمان
لحظه‌هایی پشت سر هم، مثل سال‌های مؤسسه روی یک جاده جوهری، که با انتخاب هرکدام داستانش در کارتی کنار خودش می‌آید.