完整畫面

畫面

不是裁切圖，也不是示意圖。每一張都是本站建置期間工具組繪製出的視窗。

示範應用程式

所有元件集中在一個視窗裡，帶選單列、分頁、主題選擇器，以及一條即時效能狀態列。

同一個視窗，由右至左

在 ar 翻譯下把方向軸反轉的示範應用程式：選單列、分頁、欄位、捲軸與效能頁尾都從右側讀起，其中的文字按阿拉伯文應有的方式連寫與重排。沒有重寫任何畫面——方向是一條繼承的軸，像控制項尺寸一樣設定。

一個表單

標籤、帶驗證的欄位、一個選項、一個切換開關與動作列：表單指南裡的完整範例。

完成版面的視窗

工具列、內容區旁的側邊欄，以及一行狀態：版面指南裡的完整範例。

每一階尺寸

同樣的五個控制項，重複五次，從上方的 XSMALL 到下方的 XLARGE。沒有一個被指定寬度、字型或內距：每一列只被告知一個控制項尺寸，而內距、字級、圓角與點按範圍會一起變化。

3D 視埠

三盞燈下基於物理的材質，繪製到線性高動態範圍目標，再作為一個 2D 圖層合成。捲動視圖裁切它，就和裁切其他任何元件一樣。拖曳可環繞觀看，捲動可縮放。

主題編輯器，一個你可以隨包發布的控件

配色就是資料，所以編輯它本身就是一個介面。而這個介面是你的應用可以嵌入的模組，不是住在我們倉庫裡的工具。拖動圓角滑桿，視窗就在同一格裡換裝：畫面裡的每個輸入框、按鈕與色塊。旁邊的報告會把每種墨色對著它可能落下的每一種表面來量，所以對比度不過關的配色會當場露餡。