极简主义
Minimalism
别名:极简风简约风格性冷淡风大量留白那种设计性冷淡设计MinimalMinimalist DesignLess is more
这是什么
以"少即是多"为准则的视觉语言：用大量留白、克制的黑白灰配色与有限字体层级 来凸显内容本身，删除一切装饰性元素，层级完全依靠空间、字重与疏密建立。 安静、克制、内容至上是它的气质。
开发规格
字体
衬线大标题 + 无衬线灰阶正文
色彩
米白 #FAFAF8 × 近黑 #161513，单一强调色
边框
无边框，或 1px #EDEDE9 细分隔线
阴影
几乎无阴影，层次靠灰度
间距
极大留白，宽松的 8pt 网格
动效
150ms 内只做颜色与透明度过渡，无位移
状态反馈
hover 只变颜色；focus 用黑色发丝可见外框；active 轻微加深；disabled 降到 40% 不透明；error 用单一红
风格演示
先看整页效果，再试交互场景整页预览
让 专 注 成 为 一 种 日 常
A calmer
digital life
简洁的工具，成就更专注的你。
立即体验 →
更少的干扰
更多的生活
交互场景
正在加载演示…
✓ 适用场景
- 内容为王的产品——阅读、写作、摄影、作品集
- 想传达专业、克制、高端的品牌气质
- 元素少而结构清晰的页面（官网首屏、详情页）
✕ 不适用场景
- 信息密度高的后台与数据界面，过度留白牺牲效率
- 需要情绪浓度与热闹感的营销、娱乐、节庆场景
- 可用元素很少时容易显得"空而廉价"，需极强排版功底兜底
常见形式
黑白极简
Monochrome Minimal
纯黑 白 灰三色，最锋利的版本
扁平极简
Flat Minimal
无阴影无渐变，靠留白与字重分层
暖调极简
Warm Minimal
米白与暖灰底色，日式 北欧的生活感
实现要点
whitespacefont-weightletter-spacingborder: 1px solidgrid核心是排版与留白：建立 3 档以内的字号层级与克制的行高；配色收敛到黑 白 灰 外加至多一个强调色；边框只用 1px 发丝线或干脆用留白分隔；按钮以实心黑或 描边两种形态为主，禁用投影与渐变。先删到不能再删，再谈精致。
交给 AI
四层 Prompt 从「它是什么」一路写到「可直接执行的任务」；切到 Agent 任务层，还能叠加视觉风格与附加要求，再一键复制给你的 Coding Agent。
在当前项目中用极简主义风格（Minimalism）实现一个内容卡片区块。 先检查现有 Design Token 与组件体系，复用既有的字号与间距变量。 要求： - 大量留白，层级只靠字号 字重 空间建立 - 配色收敛为黑 白 灰 + 至多一个强调色 - 无投影 无渐变 无纹理，分隔用 1px 发丝线或留白 - 支持深色模式 - 若加入任何过渡动画，尊重 prefers-reduced-motion，时长 150ms 内 - 不新增任何依赖 完成后运行项目现有检查，并列出修改的文件。 附加要求： - 支持深色模式 - 尊重 prefers-reduced-motion - 不新增依赖 - 完成后运行现有检查并列出修改文件
可直接交给 Coding Agent，可叠加风格与附加要求
相关概念
拒绝一切拟真修饰的视觉语言：纯色块、几何形状、无渐变无投影无纹理，靠颜色、 形状与排版建立层级。它是拟物化的反面——界面不再模仿实物，而是承认自己 是一块发光的平面，用清晰与直接换取效率与一致性。
风格相似概念以客观网格与排版传达信息的视觉语言：严密的数学网格、无衬线字体、左对齐、 黑白加一个强调色（经典为红），用留白与字号对比建立秩序。装饰被视为噪音， 设计的目标是让信息以最短的路径被读懂。
风格相似概念把页面当作杂志版面经营的视觉语言：衬线大标题、首字下沉、细分栏、章节 编号与发丝分隔线，图文穿插而节奏如翻页。黑白灰为底、衬线与无衬线搭配， 用版式语言讲故事，而非用装饰堆砌氛围。
风格相似概念用可点击的色块触发一个明确的动作，是界面中最基础的操作入口。 通过填充、描边、幽灵等视觉层级区分主次操作，按压时有即时的下沉反馈， 繁忙时进入加载态并禁用点击，防止重复提交。
组件影响组件用圆角边框或底色围出一块自包含内容的矩形容器，一块卡片聚合一组相关信息： 封面图、标题、摘要与操作。是内容流、仪表盘与电商列表的通用显示单元。
组件影响组件