用途：按 kunchenguid 设计系统创建 HTML 页面，适用于文章、随笔、发帖或落地页。核心是让页面呈现「编辑 × 系统控制台 × 现场手册」的观感。
主要能力：提供版式与组件规范。字体分为三种角色：Source Serif 4 用于标题（h1–h4 自动生效或 .font-serif），Inter 用于正文（body 自动或 .font-sans），JetBrains Mono 用于代码与命令（code、pre 自动或 .font-mono）。布局含 .section、.section-label、.grid 配 .grid--2/3/4（768px 以下收为单列）、.card、.table-wrap 内 .table、pre code 代码块与 hr.divider。提供工具类如 .text-muted、.text-accent、.text-sm、.text-lg 与 .mt-、.mb-。颜色令牌限定使用：--color-bg #F5F2ED、--color-bg-surface #ECEAE4、--color-bg-code #E2DED7、--color-text #1A1A1A、--color-text-muted #6B6560、--color-accent #1A6B5A、--color-border #D1CCC4，强调色只用于链接、标注、高亮等语义场景。
使用方式：页面须以指定 boilerplate 起始，引入 https://kunchenguid.github.io/kunchenguid-design-system/css/design-system.css 和 js/design-system.js（defer），所有内容放入单个 .container。标题为强制项，须含一个 [方括号概念]，并加 data-annotate，由 JS 自动为方括号文本上强调色；每个标题只标注一个核心概念，保持简短陈述并以句号结尾。文章建议按 CLAIM、BROKEN DEFAULT、NEW MODEL、MECHANISM、PROOF、IMPLICATION 六段组织，各段用 .section 与 .section-label 包裹。视觉元素优先使用承载信息的思考产物，如对比表、代码块、基准表，禁止装饰性插图。
限制：仅使用上述颜色令牌；强调色不得作装饰；字体角色不得随意混用；不适合纯图片或非 HTML 场景。其他功能细节资料暂未提供。