# 极简编辑风 · Minimalist Editorial

> 来源技能：`minimalist-ui`（Premium Utilitarian Minimalism & Editorial UI）

## 风格定位

高端极简编辑风格界面。暖色单色调色板、精致排版层级、精心结构的宏观留白、Bento 网格布局与超扁平组件架构。拒绝标准 SaaS 设计趋势，追求"文档式"高级感。

## 配色

| 角色 | 色值 | 用途 |
|------|------|------|
| 暖白底 | `#FAF8F4` | 页面背景 |
| 纸白 | `#FFFFFF` | 卡片填充 |
| 墨黑 | `#1A1A18` | 正文、标题 |
| 次级 | `#6B6B68` | 描述、元数据 |
| 细线 | `#E5E0D6` | 边框、分隔 |
| 强调赭 | `#8B6F47` | 链接、标记 |

## 字体

- **衬线标题**：Newsreader 500/600 + 500-italic（本地 woff2）
- **等宽**：JetBrains Mono 400（编号、标签）
- **中文**：系统栈

## 布局特点

- 非对称网格、大量留白
- 细线 1px 分隔取代阴影卡片
- 标题衬线字体配 -0.02em 字距
- 暖色调单色系统，无渐变

## 交互特性

- 滚动淡入（IntersectionObserver）
- 悬停轻微变色
- 保留全部基础功能（菜单、模板复制、轮播等）
- `prefers-reduced-motion` 降级

## 文件结构

```
极简编辑风/
├── index.html ~ admin.html
└── assets/
    ├── logo.svg
    ├── style.min.css
    ├── site.min.js
    └── vendor/fonts/    （Newsreader + JetBrains Mono 本地字体）
```