---
id: "mnq5qxm2-mjoooh"
name: "无印风格 Foliko 海报"
type: "reference"
project: "null"
tags: [poster, 海报, 无印风格, MUJI, foliko]
created: "2026-04-08"
---
# 无印风格 (MUJI Style) Foliko 海报

## 配色方案

| 元素 | 颜色代码 | 用途 |
|------|----------|------|
| 背景 | `#f7f5f0` | 米白纸张色 |
| 主标题 | `#333333` | 深炭灰艺术字 |
| 副标题 | `#666666` | 中灰 |
| 正文 | `#555555` | 深灰正文 |
| 辅助文字 | `#999999` | 浅灰 |
| 点缀/装饰 | `#8b7355` | 自然棕线条 |
| 按钮背景 | `#efefeb` | 淡米色 |
| 功能圆标 | `#e8e5df` | 暖灰圆圈 |
| 分隔线 | `#cccccc` / `#dddddd` | 浅灰分隔 |

## 设计规范

### 尺寸
- 竖版海报：1080 x 2200

### 排版结构
1. **顶部装饰** - 左右两侧自然棕竖线
2. **标题区** - Logo + 副标题 + 分隔线
3. **核心特性** - 6个功能点，3x2网格布局
4. **安装命令** - PowerShell 命令框
5. **使用方法** - 4个步骤说明
6. **底部信息** - 官网 + 装饰线 + 装饰圆

### 字体
- 艺术字标题：渐变深灰
- 正文：Microsoft YaHei
- 代码：Consolas

### 组件使用
- 线条：`add_poster_line` - 装饰线、分隔线
- 圆形：`add_poster_circle` - 功能图标背景
- 矩形：`add_poster_rectangle` - 命令框
- 艺术字：`add_poster_art_text` - Logo
- 文字：`add_poster_text` - 所有文字

## 代码模板

```javascript
// 1. 创建画布
create_poster_canvas({
  width: 1080,
  height: 2200,
  background: '#f7f5f0'
})

// 2. 顶部装饰线
add_poster_line({ x1: 100, y1: 100, x2: 100, y2: 280, stroke: '#8b7355', strokeWidth: 2 })
add_poster_line({ x1: 960, y1: 100, x2: 960, y2: 280, stroke: '#8b7355', strokeWidth: 2 })

// 3. Logo 艺术字
add_poster_art_text({
  text: 'FOLIKO',
  x: 540, y: 380,
  fontSize: 120,
  gradient: { colors: ['#333333', '#555555'], direction: 90 }
})

// 4. 副标题
add_poster_text({
  text: '简约的插件化 Agent 框架',
  x: 540, y: 460,
  fontSize: 24, color: '#666666', align: 'center'
})

// 5. 分隔线
add_poster_line({ x1: 340, y1: 510, x2: 740, y2: 510, stroke: '#cccccc', strokeWidth: 1 })

// 6. 功能特点（3x2网格）
// 每组：圆形背景 + 图标 + 文字

// 7. 安装命令框
add_poster_rectangle({ x: 140, y: 1100, width: 800, height: 70, fill: '#efefeb', radius: 4 })
add_poster_text({
  text: 'irm https://foliko.com/install.ps1 | iex',
  x: 540, y: 1145,
  fontSize: 20, fontFamily: 'Consolas', color: '#555555', align: 'center'
})

// 8. 使用方法（4个步骤）
// 01 安装后输入 foliko chat
// 02 支持多 AI：Anthropic / DeepSeek / OpenAI
// 03 插件扩展：Shell / Python / MCP
// 04 技能系统自定义工作流程

// 9. 底部
add_poster_text({ text: 'foliko.com', x: 540, y: 1750, fontSize: 20, color: '#999999', align: 'center' })

// 10. 底部装饰
add_poster_line({ x1: 80, y1: 1900, x2: 200, y2: 1900, stroke: '#8b7355', strokeWidth: 1 })
add_poster_circle({ cx: 100, cy: 2050, rx: 80, ry: 80, fill: '#e5e2dc', opacity: 0.5 })
add_poster_circle({ cx: 980, cy: 2000, rx: 120, ry: 120, fill: '#ebe8e2', opacity: 0.6 })

// 11. 导出
export_poster_canvas({ filename: 'foliko-muji-poster', format: 'png', outputDir: './output' })
```

## 风格特点
- 大量留白，简约干净
- 自然色系，低饱和度
- 简洁线条装饰
- 柔和的圆形元素
- 层次分明的章节结构
