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

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

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

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