基礎層樣式指南品牌色、主色 輔助色字體規(guī)范標題、 正文按鈕字體間距系統(tǒng)網(wǎng)格原則，陰影圓角標準圖標庫，統(tǒng)一風格的圖標集如線性 填充圖標，可通過圖標管理工具快速調用。

組件層原子組件按鈕、輸入框、標簽等最小不可分割單元，分子組件由原子組件組合而成，搜索框按鈕組成搜索欄，模板頁面預定義的頁面結構首頁、列表頁、詳情頁，包含典型組件組合，模式層交互模式模態(tài)彈窗、下拉菜單邏輯業(yè)務流程模板，如用戶注冊流程、商品購買流程。

用思維導圖梳理設計系統(tǒng)層級，品牌色→按鈕組件→按鈕在表單中的應用模式，保存設計系統(tǒng)文檔鏈接或本地副本，確保隨時可查語雀或面板，明確組件的使用規(guī)則和變體，狀態(tài)管理組件的不同狀態(tài)，默認 、懸停、點擊、禁用、是否已定義？例如按鈕的 “危險色” 。

僅用于刪除操作響應式規(guī)則，組件在不同屏幕尺寸下的適配方式，如移動端按鈕自動縮小間距，版本記錄確認組件是否有更新日志，避免使用過時版本控制功能管理。