用途:在为新项目定义配色、选择字体搭配、规划布局构图与视觉节奏、建立一致视觉语言或实现明暗主题时使用本技能。
主要能力与要点:配色需按角色定义调色板(主色、至少 5 级中性色、语义色、可选强调色);科技类深色建议 #0A0A0A 至 #1A1A1A,生活类用暖中性色;主调色板不超过 2 种有彩色,正文对比度不低于 4.5:1。字体最多 2 个家族,示例组合包括 Inter + DM Sans、Fraunces + Inter、JetBrains Mono + Inter;标题至少为正文 3 倍,正文不低于 16px,每种字体字重不超过 4 级。布局强调非对称平衡、桌面端 120-200px 分区间距、12 或 16 列网格,文本最大宽度 720px(每行 65-75 字符)。视觉语言要求图像处理一致、使用 WebP/AVIF 并懒加载、提供替代文本,不以 AI 生成图作为主视觉。
内置模式:深色优先、排版主导、视觉节奏分区、单色加强调、超大字号网格。反模式包括风格拼贴、过度饱和渐变、图库混用、字体过载、图标不一致、阴影过多、纯装饰元素与对比度不足。附带检查清单与参考文件(references/archetypen.md)。
限制:资料未说明安装方式、运行环境、收费或平台支持,暂未提供。