版面

此網站由 Askr 說明自身。以下名稱代表這些頁面使用的三種導覽角色。

Areas

標題列項目是 Areas：Gallery、Components、Usage、Credits 與 Long list。選擇一個 Area 會切換 Page List。Area 不是頁面內的標題，也不會在左側重複列成同一批頁面。

Page List

左欄標題為 Pages。每個項目都是目前 Area 中的一個獨立頁面。Gallery 的清單列出此概覽的同層頁面，也包含本頁。

Components 會列出自己的頁面，例如已儲存的 Notebook 輸出。

單一頁面內的標題不會列在這裡。

Section List

右欄標題為 Sections，只列出目前頁面的章節標題。本頁的 Areas、Page List、Section List、閱讀欄與 RWD 都會列在右側。

閱讀欄

寬螢幕桌面上，文章會置中顯示。版面參考是觀看距離約 50cm 的 14 吋筆記型電腦：18px 字體、630px 欄寬，每行約 70 個字元。距離較遠的螢幕需要放大字級，才能維持相同視角。閱讀欄會隨字級放大，因此每行不會變短。低於 630px 時，文章會使用整個視窗寬度。

響應式版面（RWD）

內容字級是文章與其標題的大小；UI 字級則是其他項目的大小，包括 Area 連結、左右側欄文字與圖示。兩種比例會各自變化。

視窗寬度	內容字級	UI 倍率	Area 連結	側欄文字	文章	側欄	欄間距
992–1439	17px	1.08	17px	14px	630px	1280px 前為 200px，其後為 240px	先為 16px，其後為 22px
1440–1919	18px	1.15	18px	15px	630px	264px	26px
1920–2559	20px	1.27	20px	17px	693px	290px	29px
2560 以上	22px	1.4	22px	19px	756px	320px	31px

1440–1919px 是 14 吋筆記型電腦的參考範圍，內容維持 18px；此時 UI 倍率為 1.15，因此 Area 連結為 18px，圖示也依相同比例調整。更寬的範圍會依觀看距離分別調整內容與介面。這些範圍依版面寬度而定：縮放後寬度為 1920px 的 4K 螢幕會使用 1920 範圍；相同寬度的 16:9 與 16:10 螢幕則使用相同範圍。