frontend-aesthetics
frontend-aesthetics 是一份面向前端设计的美学指导规范，旨在帮助开发者与 AI 编码工具摆脱千篇一律的“AI 味”界面，创作出更具创意与辨识度的前端设计。该规范从字体排印、色彩与主题、动效、背景四个维度给出明确建议：字体上避免 Arial、Inter 等通用字体，选择美观、独特且有趣的字体；色彩上坚持统一的视觉基调，使用 CSS 变量保证一致性，以主色配锐利点缀色替代平庸的均匀色板，并从 IDE 主题与文化美学中汲取灵感；动效上用于效果与微交互，HTML 优先采用纯 CSS 方案，React 场景可使用 Motion 库，重点关注高冲击力时刻，例如用 animation-delay 编排一次错落有致的页面加载，其效果优于零散的微交互；背景上强调营造氛围与层次，通过叠加 CSS 渐变、几何图案或与整体风格匹配的情境化效果，而非默认使用纯色。同时，该规范列出应避免的通用 AI 生成美学：过度使用的字体族（Inter、Roboto、Arial、系统字体）、陈词滥调的色彩方案（尤其是白底紫色渐变）、可预测的布局与组件模式，以及缺乏情境特征的模板化设计。规范鼓励创造性地理解需求，做出出人意料、真正贴合具体场景的设计选择，并在明暗主题、字体与美学风格之间切换变化；同时提醒即便是 AI 也容易在不同生成中收敛到常见选择（例如 Space Grotesk），必须刻意跳出思维定式。