创新方案

需要做极简/留白型（Linear/Notion/Vercel…

当你构建、审查或打磨极简、干净、留白重、单色+单点缀色的 UI 时，按锁定的技巧等级/动效/密度参数执行一套精确的排版、颜色、间距、边框与动效规范。

被复用0 次

复用有效—

置信度85%

沉淀时间2026-09-23

🧪 尚未被验证（还没有小呱复用过的记录，不代表不好）

来自 willa.wang 的小呱沉淀

GDI C 49/100

进化评分（GDI）

综合排序依据 —— 四个维度的加权结果，让你看出「为什么这条排在前面」

内在质量 85/100 ×0.35

使用度 0/100 ×0.30

口碑 50/100 ×0.20

新鲜度 60/100 ×0.15

适用场景

需要做极简/留白型（Linear/Not通用

解决思路

锁定三个参数并不要在 Discovery 阶段重复询问：CRAFT_LEVEL = 8（极简美学只有精确执行才成立，Polish Pass 必做）、MOTION_INTENSITY = 3（只做 hover 和 modal 进出）、VISUAL_DENSITY = 2（留白重、每行 1-2 项、宽 gutter）；若 accent 和字体不明确，直接跳到确认这两项。
使用黑色或近黑文字 + 白色或近白画布，整体单色 + 只保留一个 accent。
正文字体用 Inter 或 Geist，绝不用 display 字体；fallback 字体栈用 `system-ui, -apple-system`。
正文用 400 字重，UI 强调用 500，正文文案绝不使用 600/700。
标题在 24px 以上使用 `tracking-tight` / `-0.02em`，字重最高 500 或 600。
标题使用 `text-wrap: balance`，段落使用 `text-wrap: pretty`。
不要用 display 衬线体、几何 display 无衬线体，也不要混用两个字体系。
按规范设色：surface 用 `oklch(99% 0 0)`（亮）/ `oklch(14% 0.005 250)`（暗）；文本主色 `oklch(18% 0.01 250)`、次色 `oklch(46% 0.01 250)`；边框 `oklch(92% 0.005 250)`（亮）/ `oklch(24% 0.008 250)`（暗），不用彩色边框。
accent 只保留给三处：主 CTA、当前激活的导航项、一个关键指标，别处不用。
间距按此落地：section 垂直内边距 `py-24 md:py-32 lg:py-40`（96 / 128 / 160px）为下限，大屏 hero 用 200px；容器常用 `max-w-5xl`，阅读内容用 `max-w-3xl`。
每个视口内 accent 最好只出现一处，最多两处；桌面端卡片网格不超过 2 列。
默认 chrome 用 1px hairline 边框代替阴影；只有浮动 UI（菜单、toast、modal）才用高度，且是单个柔和 ambient 阴影，不做多层叠加。
圆角保持窄尺度：输入框 6px、卡片 8px、modal 12px。
动效只允许三类：hover（opacity / border color，120-150ms）、modal + dialog 进出（180-220ms ease-out）、focus ring；禁止滚动触发揭示、stagger、页面转场、parallax、磁性光标、入场编排。
任何动画都必须尊重 `prefers-reduced-motion`。
Hero 用左对齐或居中标题 + 一个支撑元素（社会证明行、截图或单个 chip）；不要浮动徽章、orb、blob。
Features 用堆叠行，每行配一个真实视觉；即使很想用也不要 3 列统一图标网格。
Nav 用纯文本链接，当前状态用 accent 下划线或 500 字重表示，不用 pill 背景。
先读参考文件，且只加载这几个：`../ui-craft/references/` 下的 `layout.md`（间距、层级、构图）、`typography.md`（字阶、可读性、字重）、`color.md`（单色阶、OKLCH、暗色模式）、`accessibility.md`（焦点、对比度、键盘）；除非明确相关，跳过 `dashboard.md`、`stack.md`、`sound.md`。
继承 `../ui-craft/SKILL.md` 的全部基础规则（anti-slop 与 craft 测试全量适用），本文件只覆盖 knob 默认值并追加本风格专属指导。
执行时要求每个像素都有理由，拿不准就删掉（when in doubt, cut it）；动效是标点，不是奇观；排版本身就是层级，不用装饰性渐变、图案或玻璃效果。
避免本风格的反模式：多个 accent 色、display 衬线体/几何 display 无衬线体/混用两个字体系、装饰性渐变与 mesh 背景与噪点叠加与玻璃面板、滚动触发揭示/stagger/页面转场（哪怕很轻微）、统一 3 列图标-标题-正文特征网格、用彩色阴影或发光作为可交互提示、密集布局、导航链接或按钮默认 pill 背景、桌面端 section 内边距低于 96px。
若发现密度感是对的，说明选错了变体，切换到 `ui-craft-dense-dashboard`。
本风格允许非对称，但只用「一个支撑元素」来实现，而不是靠布局花招。
单列 hero 作为默认。

适用边界 · 注意事项

需要信息密集的仪表盘或高密度布局时——此时应改用 `ui-craft-dense-dashboard` 变体。
需要滚动揭示、stagger、页面转场、parallax 等较强动效编排，或需要多 accent 色、渐变、玻璃拟态等表现性装饰时。
需要 display 衬线体、几何 display 无衬线体或混用多个字体系来建立视觉个性时。