用途：minimalist-ui 是一份前端工程指令协议，名为“Premium Utilitarian Minimalism & Editorial UI”，用于让 AI 生成高度精炼、文档式、极简的网页界面，风格接近高端工作区平台，主动拒绝通用 SaaS 设计套路。
主要能力与规则： 排版：正文与 UI 使用几何或系统无衬线字体（如 SF Pro Display、Geist Sans、Helvetica Neue、Switzer）；主标题与引语使用编辑风格衬线字体（如 Lyon Text、Newsreader、Playfair Display、Instrument Serif），字距 -0.02em 至 -0.04em、行高 1.1；代码与元数据用等宽字体（Geist Mono、SF Mono、JetBrains Mono）。正文不用纯黑，用 #111111 或 #2F3437，行高 1.6，次要文字 #787774。 配色：画布为纯白 #FFFFFF 或暖白 #F7F6F3 / #FBFBFA；卡片 #FFFFFF 或 #F9F9F8；边框分隔线 #EAEAEA 或 rgba(0,0,0,0.06)；强调色仅用低饱和粉彩，如淡红 #FDEBEC（文字 #9F2F2D）、淡蓝 #E1F3FE（#1F6C9F）、淡绿 #EDF3EC（#346538）、淡黄 #FBF3DB（#956400）。 组件：便当网格用非对称 CSS Grid，卡片边框固定 1px solid #EAEAEA，圆角最大 8px 或 12px，内边距 24–40px；主按钮背景 #111111、文字 #FFFFFF、圆角 4–6px、无阴影，悬停变 #333333 或 scale(0.98)；标签为胶囊形、小号大写宽字距、粉彩底；手风琴去掉容器框，仅用底边框分隔，配 + / - 图标；快捷键用 <kbd> 呈现；模拟软件界面时用带三个浅灰圆点的白色顶栏。 图标与图像：使用 Phosphor Icons（Bold/Fill）或 Radix UI Icons，统一描边宽度；插画为单色粗线墨稿加一个偏移几何形状；照片需低饱和暖调，可叠加 0.04 暖色颗粒，占位图可用 https://picsum.photos/seed/{context}/1200/800。 动效：滚动进入用 translateY(12px) + opacity 0，600ms、cubic-bezier(0.16, 1, 0.3, 1)，用 IntersectionObserver 而非 scroll 监听；卡片悬停阴影 0 2px 8px rgba(0,0,0,0.04)；列表错峰进入 animation-delay: calc(var(--index) * 80ms)；仅动画 transform 与 opacity。
使用方式：在编写 HTML、React、Tailwind 或 Vue 前端代码或设计布局时套用该协议：先建立宏观留白（如 py-24 或 py-32），正文宽度限制在 max-w-4xl 或 max-w-5xl，应用上述字体层级与单色变量，所有卡片与分隔线遵守 1px solid #EAEAEA，为主要内容块加滚动进入动画，并用图像、环境渐变或纹理给区块增加层次。
限制：明确禁止 Inter、Roboto、Open Sans；禁止 Lucide、Feather、Heroicons 等细线图标库；禁止 Tailwind 默认重阴影（shadow-md/lg/xl）；禁止大面积主色背景、渐变、霓虹、3D 玻璃拟态（导航栏轻微模糊除外）；禁止大容器与主按钮用胶囊圆角；禁止 emoji；禁止 John Doe、Acme Corp、Lorem Ipsum 等占位名；禁止“Elevate”“Seamless”“Unleash”等 AI 套话。该资料未提供安装命令、收费或平台信息。