---
name: brutalist-raw
description: "粗野直给 (Brutalist Raw Interface) style skill for AI website building."
---

# 粗野直给 (Brutalist Raw Interface)

## 适用场景 / Use When

创作者发布 / 实验品牌页 / 宣言式 landing page

## 适合做 / Best For

- 创作者发布
- 实验品牌
- 宣言页

## 不适合做 / Not For

- 静奢品牌
- 严肃知识库
- 复杂后台工具

## 长这样 / Visual Traits

- 硬边界
- 高对比
- 直给排版
- 不讨好但可读

## 配色系统 / Color System

- 高对比黑白优先
- 允许一两个 punch 色
- 颜色是态度不是装饰

## 排版系统 / Typography

- 标题更硬更直给
- 字距和边界有存在感
- 宁可少字也不要软糯说明

## 版式规则 / Layout Rules

- 边框和块面要明确
- 局部冲撞但整体仍可读
- 首屏能直接定下态度

## 图片处理 / Image Treatment

- 图片和图形可以更硬切
- 允许更粗糙的展示感
- 不要混进温和生活方式图

## 动效节奏 / Motion

- hover 可更强
- 切换要干脆
- 不要优雅慢动作

## 推荐结构 / Recommended Structures

- 沉浸舞台型 / Immersive Stage
- 目录索引型 / Catalog Explorer

## 历史来源 / Historical Roots

- 粗野主义 / 新粗野主义 / Brutalism / Neo-Brutalism
- 后现代 / 孟菲斯 / Postmodern / Memphis

## 参考网站 / Reference Sites

- Gumroad: https://gumroad.com/
- Bureau Borsche: https://bureauborsche.com/
- Memphis Milano: https://memphis.it/en/

## 注意避坑 / Avoid

- 装得很精致
- 过多暖色纸感
- 为了态度牺牲基本可读性

## Prompt DNA

```text
请参考粗野直给（Brutalist Raw Interface）风格建站：
视觉特征：硬边界 / 高对比 / 直给排版 / 不讨好但可读
适合场景：创作者发布 / 实验品牌 / 宣言页
不适合：静奢品牌 / 严肃知识库 / 复杂后台工具
推荐页面组织：沉浸舞台型 / Immersive Stage / 目录索引型 / Catalog Explorer
历史来源：粗野主义 / 新粗野主义 / Brutalism / Neo-Brutalism / 后现代 / 孟菲斯 / Postmodern / Memphis
参考网站：Gumroad: https://gumroad.com/ / Bureau Borsche: https://bureauborsche.com/ / Memphis Milano: https://memphis.it/en/
配色系统：高对比黑白优先 / 允许一两个 punch 色 / 颜色是态度不是装饰
排版系统：标题更硬更直给 / 字距和边界有存在感 / 宁可少字也不要软糯说明
版式规则：边框和块面要明确 / 局部冲撞但整体仍可读 / 首屏能直接定下态度
图片处理：图片和图形可以更硬切 / 允许更粗糙的展示感 / 不要混进温和生活方式图
风格要求：Use a brutalist raw interface family: hard borders, assertive contrast, visible structure, little polish, and enough attitude to break away from safe template aesthetics without losing readability.
```