墨斗 Chalkline · UI 设计说明.pptxVIP

墨斗Chalkline·UI设计说明实务整理·逐条拆解原创力·整理与实务要点内部实务参考·不代表任何机构立场

目录01墨斗Chalkline·UI设计说明02墨斗Chalkline·UI设计说明03墨斗Chalkline·UI设计说明04深色（默认）05浅色06浅色072.排版与栅格082.排版与栅格093.布局103.布局113.布局124.组件清单13对话14对话15对话16对话17文件18文件

01/18墨斗Chalkline·UI设计说明设计语言「墨与线」：深墨底，一条准线贯穿界面。墨斗是木工弹线定准的工具，英文chalkline；界面不追求炫，追求**定标准、留准线**——所有信息按线对齐，所有状态一眼可判。

02/18墨斗Chalkline·UI设计说明纯CSS变量+原生JS，无框架、无构建、无字体CDN。图标全部内联SVG（`stroke-width:1.5`、`currentColor`），**没有任何emoji图标**。深浅双主题，主题值存`localStorage`（键：`chalkline-theme`）。

03/18墨斗Chalkline·UI设计说明局域网警示条、登录页、