# Style Anchor Board Spec V1

## Status

- Document status: user approved and rendered.
- Execution status: rendered once as deterministic HTML/PNG; output accepted by user.
- Project: `在路上`.
- Purpose: define the common style anchor board layout using accepted A/B/C/D visual samples.
- Output target after approval: deterministic layout artifact, not AI-generated text inside an image.

Rendered outputs:

```text
visual-system/style/style-anchor-board-v1.html
visual-system/style/style-anchor-board-v1.png
```

## Why This Is Not An Image-Generation Prompt

The common style anchor board must contain exact Chinese labels and review rules.

Therefore this board should be built as a deterministic layout artifact:

- source images are inserted as image assets;
- Chinese labels are rendered by HTML/CSS or another local layout method;
- no generated model text is used as the source of truth;
- the board can be revised without regenerating the visual samples.

Recommended implementation after approval:

```text
visual-system/style/style-anchor-board-v1.html
visual-system/style/style-anchor-board-v1.png
```

## Source Files Actually Used

Primary sources:

- `visual-system/style/style-anchor-brief-v1.md`
- `visual-system/style/style-anchor-c-repair-review-v1.md`
- `visual-system/visual-system.md`
- `intake/阶段四-风格锚点板页面结构建议稿.md`

Execution control:

- `project.md`
- `execution-plan.md`

## Source Images

All four source images are `1672x941`, approximately 16:9.

| Anchor | Image | Role |
| --- | --- | --- |
| A | `intake/imgs/A.风景主导型蓝图.png` | Accepted A sample: landscape-led muddy road. |
| B | `intake/imgs/B.高位观察型蓝图.png` | Accepted B sample: high-angle city-edge observation. |
| C | `visual-system/style/style-anchor-c-repair-v1.png` | Accepted repaired C sample: muddy starlight. |
| D | `intake/imgs/D.夜路篝火型蓝图.png` | Accepted D sample: restrained night-road fire. |

Do not use the original C blueprint as the final C sample:

```text
intake/imgs/C.泥泞里的星空蓝图.png
```

It remains a problem reference only.

## Board Format

Canvas:

- 16:9 horizontal.
- Recommended render size: `1920x1080`.
- Background: dark neutral coal gray, not pure black.
- Overall mood: utilitarian film reference board, not a poster or marketing page.

Background palette:

- page background: coal gray / dark warm gray;
- panel surfaces: slightly lighter dark gray;
- rules text: off-white / muted gray;
- accent: restrained warm orange only for small labels or D/fire references;
- avoid bright blue/purple/cyber palette.

## Layout Structure

Use one MVP page.

Page areas:

1. Top definition band.
2. Left main sample grid.
3. Right compact rules column.
4. Bottom review standard band.

Recommended proportions:

| Area | Approximate share | Notes |
| --- | --- | --- |
| Top band | 14% height | Title, style definition, composition rule. |
| Main sample grid | 68% width, 72% height | A/B/C/D in a 2x2 grid. |
| Right rules column | 26% width, 72% height | Color, light, composition, texture, avoid drift. |
| Bottom band | 10% height | One-line review standard and short review questions. |

## Top Definition Band

Title:

```text
《在路上》MV 风格锚点板
```

Subtitle:

```text
Style Anchor Board｜Landscape Narrative Road Film
```

Style definition:

```text
现实纪实质感 + 克制的诗性超现实 + 公路纪录片式风景叙事
```

Composition rule:

```text
世界比人更大，路比人更长，人只是持续前行的坐标
```

## Sample Grid

Use a 2x2 image grid on the left.

Image behavior:

- use each image as an inserted asset;
- crop with `object-fit: cover`;
- preserve each sample's main subject;
- do not apply strong filters;
- keep minor uniform dark overlay only if needed for labels;
- labels must not cover the important subject area.

### A Cell

Title:

```text
A｜清晨泥泞旷野
```

Function:

```text
风景主导｜世界先于人出现
```

Avoid label:

```text
不要旅游片 / 英雄背影
```

### B Cell

Title:

```text
B｜高位观察
```

Function:

```text
城市边缘｜系统里的小人物
```

Avoid label:

```text
不要城市宣传 / 科技感
```

### C Cell

Title:

```text
C｜泥泞里的星空
```

Function:

```text
灵魂意象｜低处看见宇宙
```

Status tag:

```text
修正版已通过
```

Avoid label:

```text
不要日出 / 魔法 / 鞋靴广告
```

### D Cell

Title:

```text
D｜夜路小火
```

Function:

```text
结尾温度｜远方也有人在走
```

Avoid label:

```text
不要露营 / 聚会 / 胜利
```

## Right Rules Column

Keep this column compact and readable.

### 色彩系统

Text:

```text
冷灰 / 土褐 / 暗卡其 / 煤黑 / 湿地暗蓝灰
暖色只作为情绪信号
```

### 光线系统

Text:

```text
自然冷光、湿冷城市边缘、暗夜深度、小范围火光
C 用泥水星点，不用日出日落
```

### 构图系统

Text:

```text
环境优先，人物后置
常规人物约 1/8-1/5，大远景可更小
```

### 质感系统

Text:

```text
泥要湿，路要旧，城市要冷硬，火要小
诗性来自现实质感，不来自炫光特效
```

### 禁止跑偏

Text:

```text
人物写真 / 旅行广告 / 城市宣传 / 赛博科技 / 露营聚会 / 胜利海报
```

## Bottom Review Band

One-line review standard:

```text
第一眼看到的应该是路、世界、泥、夜色和火光；人物只是其中继续前行的坐标。
```

Short review questions:

```text
像同一支 MV 吗？人物是否过大？诗性是否来自现实质感？是否仍然在继续走？
```

## Acceptance Criteria

The rendered board passes only if:

1. A/B/C/D look like one MV, not four unrelated projects.
2. The first read is environment and road-film world, not a character poster.
3. Chinese text is exact, readable, and not model-generated.
4. C uses `style-anchor-c-repair-v1.png`, not the original warm C blueprint.
5. Warmth remains local and restrained, mainly belonging to D.
6. The rules column is compact enough to guide later shot prompts.
7. The board is usable as a visual dictionary for S-01, S-10, S-46, S-47, and S-51.

## Next Gated Action

This spec has been approved and rendered as:

```text
visual-system/style/style-anchor-board-v1.html
visual-system/style/style-anchor-board-v1.png
```

Review file:

```text
visual-system/style/style-anchor-board-review-v1.md
```

The rendered style anchor board has been reviewed and accepted. Next work should start with a five-shot trial plan/spec before any shot image generation.