编辑风极简界面

要解决的设计模板化问题

现代前端开发中，界面设计常陷入“模板感”陷阱。通用字体如 Inter、Roboto 占据主流，图标库依赖 Lucide 或 Heroicons 的细线风格，默认阴影（shadow-md/shadow-lg）和渐变背景大行其道。更糟糕的是，文案充斥着“Elevate”、“Seamless”等AI生成套路，内容使用“John Doe”这类占位符。这些元素让产品界面千篇一律，失去专业感与独特性。

协议如何重塑界面设计

该技能通过严格约束与系统化规范，引导开发者构建“文档级”精致界面：

• 强制视觉语言：采用高对比度暖调单色（warm monochrome）替代鲜艳色彩，禁用渐变与霓虹色。所有阴影必须低于 0.05 透明度，几乎不可察觉。
• 排版即结构：拒绝通用无衬线字体，要求极端字重对比（如 font-weight: 100 与 900 共存），通过定制字体层级建立编辑级排版。
• 布局逻辑：运用 bento-grid 网格系统，以超扁平组件（ultra-flat component）构建功能区块，大留白（macro-whitespace）强化内容呼吸感。
• 细节克制：禁止药丸形按钮（rounded-full）与表情符号，用 SVG 图标替代通用图标库；文案需真实具体，如用“项目进度追踪”替代“提升效率”。

适用边界与注意点

该协议适合需要“编辑质感”的界面，如文档工具、知识管理平台。但需注意：

• 必须完全接受所有约束，不能选择性妥协。例如，若项目需品牌色，需通过柔和粉彩点缀实现，而非大面积高饱和色块。
• 字体选择是技术难点，需精心搭配衬线与无衬线字体，避免极端排版导致可读性下降。
• 禁止使用 Tailwind 默认阴影类（如 shadow-md），需自定义极淡阴影，这对组件库调整提出要求。